ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承

ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第1张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第2张图片

ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第3张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第4张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第5张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第6张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第7张图片
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承_第8张图片

class Person {
/共有属性 实例属性,属于实例对象 属性是实例对象自身的属性,而不是定义在实例对象的原型上面。
ES2022 为类的实例属性,又规定了一种新写法。
实例属性现在除了可以定义在constructor()方法里面的this上面,也可以定义在
类内部的最顶层。
/
userName=‘Ares_Wang’;
address;
//静态属性 属于类 不属于实例对象
static height;
//私有属性 属于属于实例对象,且只能在类的内部访问(this.xx),外部访问会报错,访问不存在也会报错
//外部放实例属性,如果不存在,会返回underfunded,不会报错
//私有属性不限于从this引用,只要是在类的内部,实例也可以引用私有属性。
//私有属性 务必在类的内部引用。
#age=‘20岁’;#weight;
//私有方法 跟私有属性一样,属于实例对象,非类
#getMethod(){
console.log(this.#age,this.#weight)
}
//私有属性不限于从this引用,只要是在类的内部,实例也可以引用私有属性。
static getStaticToPrivate(that){
console.log(that.#age)
}
//静态私有属性 属于类的私有属性,非实例对象的私有属性
static #staticPrivate=‘staticPrivate’;
//静态属性可以类直接访问,也可以在静态方法中 this.静态属性,因为this指向是这个类,非实例对象
static #getstaticPrivate(){
console.log(this.#staticPrivate)
}
get getSet(){
console.log(this.#age)
}
set getSet(val){
return this.#age=val;
}

//可以省略 constructor 定义,系统会系统生成一个默认的constructor  构造函数
//作用:new 时会自带调用这个构造函数,初始化作用
constructor(address,age,height,weight){
    this.address=address;     
    this.height=height;
    this.#age=age;  
    this.#weight=weight;
}   
//共有方法    也叫实例方法
getInfo(){
    console.log(this.userName,this.#age,this.#weight,this.height,this.xx)
}
// 静态方法,
static getStatic(){
    console.log(this.userName,this.height);
   // console.log(this.#age);
}

}

你可能感兴趣的:(es6,前端,javascript)