2024年前端最全前端提高篇（二十一）JS进阶16对象，类，原型，2024年最新全靠这套面试题怎么办

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

运行结果：三个变量分别用不同的方法创建，其中book2是用构造方法创建的，前面会标识一个Book类

对象创建的原理

基于构造函数定义的属性，并继承原型对象的属性，生成一个新的对象，所有有这个构造函数创建的对象，都有该原型的属性

function Book(name, page){

this.name = name;

this.page = page;

}

//定义原型

var author = {author_name:‘ccy’, author_name:18};

Book.prototype = author;//将author设置成Book构造函数的原型

var book2 = new Book(‘book2’, 50);

console.log(‘book2.author_name’, book2.author_name);

for (var i in book2){

console.log(‘i:’,i);

}

运行结果：原型的属性是在__proto__里的，可以通过继承类的对象.原型属性名获取，for…in遍历时也能遍历到原型的属性

prototype默认是一个空对象()，使用也可以直接在里面加属性

function Book(name, page){

this.name = name;

this.page = page;

}

Book.prototype.author_name = ‘ccy’;//直接使用Book.prototype

Book.prototype.author_age = 18;

var book2 = new Book(‘book2’, 50);

console.log(‘book2.author_name’, book2.author_name);

for (var i in book2){

console.log(‘i:’,i);

}

运行效果同上：

再创建一个book4，由Book构造函数创建，依然会有原型的属性author_name和author_age

构造函数 VS 原型 VS 对象
构造函数设置了原型(使用类的prototype属性来设置)，
构造函数创建了具有构造函数属性和原型属性的对象，
对象的部分属性继承自原型

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！