es6中class的使用

class的用法
以前刚接触编程时就听得最多的就是面向对象编程,但后来工作后能通过面向对象编程的少之又少,现在企业里的开发做的都是业务逻辑,牵扯到的多半是业务代码。最近做了个编辑器的功能,里面使用了面向对象编程的思想,让我颇有感触,所以学好class作为基础还是很重要的。

1.constructor方法

class People {
}
//等同于
class People {
    constructor() {}
}

constructor默认返回实例对象(this),在一个类中只能有一个名为 constructor 的方法 ,否则会报错

2.静态属性和方法

class People {
    // 加上static关键字,就表示该方法不会被实例继承,只能子类继承
    static peopleMethod(){
        console.log("hello people!")
    }
    static peopleProperty = "吃吃喝喝"
}

子类可以继承父类的静态属性和静态方法,而实例不可以,实例可以使用父类的公共属性和公共方法,相当于class所创建的类的公共属性和方法都挂载到它的protoytype上

3.继承父类

class Child extends People {
    static childMethod(){
        // 继承父类的静态方法,但不能修改
        super.peopleMethod()
    }
    //继承父类的静态属性,但不能修改
    static childProperty = super.peopleProperty
    constructor(name, age) {
        //继承父类属性
        super(name, age);
    }
    sleep() {
        //继承父类方法
        super.sleep()
    }
}
let child = new Child('小红', 18);

1.子类用extends关键字继承
2.super()只能用在子类的构造函数之中,使用super,子类可以调用父类的属性和方法
3.父类的子类的constructor中必须调用super,因为子类没有this指向,而是继承父类的this。

4.是否可以枚举

console.log(Object.keys(People.prototype));  //==> []

class中的属性和方法是不可以枚举的,而es5中是可以枚举的

5.多个类的方法添加

Object.assign(People.prototype,{  
    getHobby(){  
        console.log('篮球');  
    },  
    getAddress(){  
        console.log('南京');  
    }  
});  
console.log(People.prototype)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值