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.在类中修改类名会报错

前端问题总结 文章被收录于专栏

总结一些前端常见的面试笔试题,来和大家分享鸭

全部评论

相关推荐

10-15 03:05
门头沟学院 Java
CADILLAC_:凯文:我的邮箱是死了吗?
点赞 评论 收藏
分享
11-08 13:58
门头沟学院 Java
程序员小白条:竟然是蓝桥杯人才doge,还要花钱申领的offer,这么好的公司哪里去找
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务