Please enable JavaScript.

Coggle requires JavaScript to display documents.

12.1: JavaScript classes - Coggle Diagram

- - - - syntactic sugar
      - class User { constructor(fName, lName) { this.firstName = fName; this.lastName = lName; } fullName = function () { return this.firstName + " " + this.lastName; }; } let user1 = new User('Renay', 'Earnshaw') let user2 = new User('Philip', 'Earnshaw')
      - class body
        
        the part inside the curly braces
        
        contains elements that are of the following
        
        kind
        
        getter
        
        setter
        
        method
        
        field
        
        location
        
        static
        
        class level
        
        instance
        
        visibility
        
        public
        
        private
    - - class User { ... fullName() { return this.firstName + " " + this.lastName; }; }
      - constructor function syntax must follow this
      - if you use the old long-hand syntax
        
        for other methods
        
        you may get unexpected results
        
        if you create sub-classes
- - - - before the constructor body runs
    - - in a subclass
  - - - all properties are public
- - - - with a hash
  - - - Property '#firstName' is not accessible outside class 'User' because it has a private identifier
    - - Code run in the Chrome console can access private properties
      - This is a DevTools-only relaxation of the JavaScript syntax restriction