es6 class 类的基础用法

概述：
在Es6中，class(类)作为对象的模板被引入，可以通过class关键字定义类。class的本质是function。
它可以看做是一个语法糖，让对象原型的写法更清晰，更向面向对象的语法
类声明：
ES6 中，prototype 仍旧存在，虽然可以直接自类中定义方法，但是其实方法还是定义在 prototype 上的。 覆盖方法 / 初始化时添加方法

class Example {
    constructor(a) {
    //constructor 方法是类的默认方法，创建类的实例化对象时被调用。，this指向实例化对象
        this.a = a;
    }
    //hobby()实例化的方法
    hobby(){
   console.log("篮球");
//     } 
}

静态属性：
静态成员是构造函数的属性 跟实例无关
静态成员 属于类 不属于实例

//ES6静态属性  
 class Dad {
         static  num = 10; 静态属性
         constructor(height) {
            this.age = 20;
        }
     }
 //ES5静态属性  直接在Person上加入要添加的静态属性
 // function Person(){
    //     this.name = "张三";
    //     this.age = 30;
    //     this.fn = function(){
    //         console.log("fn...");
    //     }
    // }
// Person.num = 10;
    

私有属性
只能在类里面用公有方法调取私有属性；用 # 声明

 class Dad {
        #weight = "80kg"
        constructor(height) {
          this.age = 20;
        }
        getWeight() {  //公有方法调取私有属性； 
           return this.#weight; 
        }
 }
  console.log(zhangsan.getWeight());调用

继承 ES6
super：
子类 constructor 方法中必须有 super ，且必须出现在 this 之前。可以继承静态成员

class Dad {
        static  num = 10;
        constructor(height) {
            this.name = "张三";
            this.age = 20;
            this.height = height;
        }
    }
    //用  extends 继承
    class Son extends Dad{
        constructor(height) {
            super(height);  //一定要在this之前调用；
            this.weight = "80kg";
        }
    }
    console.log(Son.num);
    let zhangsan = new Son("178cm");
    console.log(zhangsan);

合并空运算符（??）
是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数

  name = name ?? "默认名称";

可选链式操作（?.）：
读取深成级的属性值，无需明确校验链条上每一个引用的有效性，当其中一级的引用层级不存在则返回undefined

let obj  ={
        myname:{
            age:20
        }
     };
  console.log(obj?.myname?.age);