1.創(chuàng)建類和生成實(shí)例

//創(chuàng)建class
    class Star{
      //類的共有屬性放到 constructor 里面
      constructor(uname,age){
        this.uname =uname
        this.age =age
      }
      //添加方法
      sing(song){
        console.log(this.uname +"唱"+ song)
      }
    }
    // new實(shí)例創(chuàng)建對(duì)象
   let ldh= new Star('liudehua',45)
   let zxy= new Star('zhangxueyou',46)
   console.log(ldh)
   console.log(zxy)
    //調(diào)用方法
   ldh.sing("'恭喜發(fā)財(cái)'")

image.png

1.通過class 關(guān)鍵字創(chuàng)建類，類名首字母大寫
2.類里面有個(gè)constructor函數(shù),可以接受傳遞過來的參數(shù)倦始，同時(shí)返回實(shí)例對(duì)象
3. constructor 函數(shù) 只要new 生成實(shí)例账蓉，自動(dòng)調(diào)用這個(gè)函數(shù)肮雨。不寫也會(huì)自動(dòng)生成
4.多個(gè)函數(shù)方法之間不需要加逗號(hào)分割

2.類的繼承extends和super

class Father{
      constructor(){

      }
      money(){
        console.log(100)
      }
    }

    class Son extends Father{

    }
    let son = new Son()

    son.money() //100

   class Father{
      constructor(x,y){
        this.x =x
        this.y =y
      }
      sum(){
        console.log(this.x +this.y)
      }
    }

    class Son extends Father{
      constructor(x,y){
        super(x,y) //調(diào)用父類的構(gòu)造函數(shù)
      }
    }
    let son = new Son(1,2)

    son.sum() //3

super關(guān)鍵字用于訪問和調(diào)用對(duì)象父類的函數(shù)波丰。可以調(diào)用父類的構(gòu)造函數(shù)纫骑，也可以調(diào)用普通函數(shù)

 class Father{
      say(){
        return '我是爹'
      }
    }

    class Son extends Father{
      say(){

        console.log(super.say() +'的兒子')
      }   
    }
    let son = new Son()

    son.say() //我是爹的兒子

super 關(guān)鍵字訪問調(diào)用父類上的函數(shù)

 class Father {
            constructor(x, y) {
                this.x = x
                this.y = y
            }
            sum() {
                console.log(this.x + this.y)
            }
        }

        class Son extends Father {
            constructor(x, y) {
                super(x, y)  //放到this前面調(diào)用父類的constructor

                this.x = x;
                this.y = y;

            }
            subtract() {
                console.log(this.x - this.y)
            }
        }
        var son = new Son(5, 4);
        son.subtract()
        son.sum()

注意子類的構(gòu)造函數(shù)使用super,必須放到this前面（必須先調(diào)用父類的構(gòu)造方法，在使用子類的構(gòu)造方法）

總結(jié)：

1.在ES6 中類沒有變量提升，所以必須先定義類，才能通過類實(shí)例化對(duì)象
2.類的面得共有屬性和方法一定要加this 使用

image.png