es6 class以及构造函数(constructor)

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6 class以及构造函数(constructor)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

es5中,生成实例对象通过构造函数来生成:

function Fun(a,b) {
    this.a = a;
    this.b = b;
}
Fun.PRototyPE.showA = function () {
    console.LOG(this.a)
}
VAR fun = new Fun(1,2);
fun.showA();//1

es6则引用了class的概念,使得更接近java、c++等语言,更加直观。如:

class Fun {
    constructor(a,b){
        this.a = a;
        this.b = b;
    }
    showA() {
        console.log(this.a);
    }
}
var fun = new Fun(1,2);
fun.showA();//1

这两种写法是一样的,在es6中,class可以理解为一个语法糖,只是让这种写法更加直观。
要注意的是,es6中声明新的实例必须要用new声明。
其中constructor为类的默认方法,通过new的调用可以执行这个方法。每个类都必须要有这个方法,如果没有显示定义,则一个空的constructor被添加到类里面。constructor方法默认返回实例对象,即this。也可以返回其他对象。这事,新的实例instanceof当前class就会报错。

脚本宝典总结

以上是脚本宝典为你收集整理的es6 class以及构造函数(constructor)全部内容,希望文章能够帮你解决es6 class以及构造函数(constructor)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。