JavaScript Class

类是用于创建对象的模板。

我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。

每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。

构造类

创建一个Test类：

class Test { //类名
    // 初始化
    constructor(name, app) { //创建对象时会自动调用构造函数方法 constructor()。
        //形参
        this.name = name; //初始化属性
        this.app = app; //初始化属性
    }
}

• 构造方法名为 constructor()。
• 构造方法在创建新对象时会自动执行。
• 构造方法用于初始化对象属性。
• 如果不定义构造方法，JavaScript 会自动添加一个空的构造方法

使用类

let data= new Test("测试",  this); //创建实例

类的方法

我们使用关键字 class 创建一个类，可以添加一个 constructor() 方法，然后添加任意数量的方法

class Test { //类名
    // 初始化
    constructor(name, app) {
        //形参
        this.name = name; //初始化属性
        this.app = app; //初始化属性
        this.data = this.init(name, app); //调用init方法
    }
    // 添加方法
    init(_data) {
        return 'hellow world';
    }
    update(name) {
        this.name = name;
    }
}

调用

let a = new Test('ly', {
    id: "cly"
});  //  实例化
console.log(a); // 打印输出 
let b = new Test('ly1', {
    id: "cly1"
});
console.log(b); 
b.update('sample');
console.log(b) 

class Test1 {
  constructor(name, app) {
    this.name = name;
    this.app= app;
  }
  update() {
    //data= 1;  // 错误
    let data= 1; // 正确
    return data--;
  }
}

注：类声明和类表达式的主体都执行在严格模式下。比如，构造函数，静态方法，原型方法，getter 和 setter 都在JavaScript 严格模式下执行

若没有遵循严格模式，程序会出现报错，无法继续执行

继承

class MyScene {
    constructor(app) {
        console.log("初始化")
        this.app = app;
        this.init();
    }
    init() {
        console.log("调用方法");
        return this.name = 'aaa'
    }
    test() {
        console.log("test")
    }
}
// 继承
class Model extends MyScene {
    constructor(brand, mod) {
        super(brand);
        this.model = mod;
    }
    show() {
        this.test();
        return '=======' + this.model;
    }
}

var a = new Model("ttt", "asd");
console.log(a)
console.log(a.show())

extends 关键字用于创建另一个类（父级）的子类。

子类继承了另一个类的所有方法。

继承对于代码的可重用性很有用：创建新类时，重用现有类的属性和方法。

super() 方法引用了父类。通过在构造方法中调用 super() 方法，我们将调用父类的构造方法，并可以访问父类的属性和方法。

static关键词

定义静态方法

静态方法直接在类上调用，而无需创建类的实例/对象。

class MyScene {
    constructor(app) {
        console.log("初始化")
        this.app = app;
    }
    // 静态方法
    static t() {  // static method
        return "tt!!";
    }
}
console.log(MyScene.t())

属性设置取值函数和存值函数

getter 和 setter

class MyScene {
    constructor(app) {
        console.log("初始化")
        this.app = app;
    }
    get getApp(){
        return this.app;
    }
    set setApp(val){
        this.app=val;
    }
}
var a=new MyScene('aaa');
console.log(a.getApp);
a.setApp='saasd';
console.log(a.getApp);