红宝书p250类和类实例的结构

【红宝书p250类和类实例的结构】

1，查看类的结构

<script>
        // 1,类表达式定义类
        //1.1类有名字，赋值给变量
        let Person = class PersonName {
        }
        console.dir(Person);
</script>

注意：person的name属性值为PersonName

<script>
        // 1,类表达式定义类
        //1.2类没有名字，赋值给变量
        let Person = class  {
        }
        console.dir(Person);
</script>

如上所示，如果类没有名字，则name属性就是变量的名字

<script>
        // 1,类表达式定义类
        //1.3类有名字，不赋值给变量（类声明法）
       class PersonName {
        }
        console.dir(Person);
</script>

2，查看实例对象结构

 <script>
 		//2.1类有名且赋值给变量
        let Person = class PersonName {
            identify() {
                console.log(Person.name, Person.name);
            }
        }
        let person = new Person();
        console.dir(person);
    </script>

<script>
	//2.2类没有名字，赋值给变量
        let Person = class {
            identify() {
                console.log(Person.name, Person.name);
            }
        }
        /*  class Person {
             identify() {
                 console.log(Person.name, Person.name);
             }
         } */
        let person = new Person();
        console.dir(person);
    </script>

<script>
	//2.3有类名，不赋值给变量
         class Person{
            identify() {
                console.log(Person.name, Person.name);
            }
        }
        /*  class Person {
             identify() {
                 console.log(Person.name, Person.name);
             }
         } */
        let person = new Person();
        console.dir(person);
    </script>