ES5近类结构和ES6类的声明

ES5及早期版本没有类的概念,最相近的思路是创建一个自定义类型:创建一个构造函数,然后定义另一个方法并赋值给构造函数的原型。

ES5:构造函数方法

function PersonType(name){
    this.name = name;
}

PersonType.prototype.sayName = function(){
    console.log(this.name)
}

//      PersonType.prototype = {
//         constructor:PersonType,
//         sayName:function (name){ console.log(this.name) }
//      }

var person = new PersonType('zoe');
person.sayName();    // zoe

console.log(person instanceof PersonType); //true
console.log(person instanceof Object); //true

ES6:类语法

class PersonClass{
    constructor(name){
        this.name = name;
    }
    sayName(){
        console.log(this.name);
    }
}

let person = new PersonClass('zoe');
person.sayName(); // zoe

console.log(person instanceof PersonClass) //true
console.log(person instanceof Object) //true

console.log(typeof PersonClass) //function
console.log(typeof PersonClass.prototype.sayName) //function

为何使用类语法 :两种语法之间的差异
1.函数声明可以被提升,而类声明与let声明类似不能被提升,真正执行语句之前会一直存在于临时死区中。
2.类声明中的所有代码会自动运行在严格模式下,且无法强行让代码脱离严格模式执行
3.自定义类型中,需要通过Object.defineProperty()来手动指定某个方法不可枚举,而类中所有的方法都是不可枚举
4.每个类都有一个[[construct]]的内部方法,通过关键字new调用那些不含[[construct]]的方法会导致程序抛出错误
5.使用除关键字new以外的方式调用类的构造函数会导致程序抛出错误。
6.在类中修改类名会报错

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值