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

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

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

全部评论

相关推荐

点赞 评论 收藏
分享
白火同学:先说结论,准大三不是特别好找实习,boss沟通300+没有实习是很正常的情况。一是暑期实习时间太短了,二是在这么多准大四都找不到实习,从实习时间和掌握技术层面,企业会优先看他们。 再说简历,其实985本+准大三到这水平的简历也很优秀了,要说的话,项目经历可以再优化一下,可以基本围绕采取STAR原则,分为项目概述、技术架构、技术亮点、实现结果,再发给AI润色一下。 最后说操作,准大三的话,如果想找实习那就多投,不过现在也7月中旬了,时间上已经略晚了。如果7月底实在找不到,也可以多刷点算法,多学点技术,这实习也不至于一定得有,当然有更好。
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务