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.在类中修改类名会报错
前端问题总结 文章被收录于专栏
总结一些前端常见的面试笔试题,来和大家分享鸭