如何读懂JS对象原型链原理，要点是什么-群英

上一篇：基于vue框架怎样实现文件上传下载，具体代码是什么下一篇：Vue.js中的高级面试题及答案

今天小编跟大家讲解下有关“如何读懂JS对象原型链原理，要点是什么”的内容，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。

一个js对象，除了自己设置的属性外，还会自动生成proto、class、extensible属性，其中，proto属性指向对象的原型。

对象的属性也有writable、enumerable、configurable、value和get/set的配置方法。

对象的创建方式有三种：

一、使用字面量直接创建。

二、基于原型链创建。

分析上图，要点如下：

1.可以new运算符新建对象，foo为自定义函数，即是对象。

2.可以设置foo.prototype上的属性。

3.变量z在原型链上，为foo.prototype的属性，并非obj的自有属性。

4.原型链为obj->foo.prototype->Object.prototype->null。

分析上图，要点如下：

1.若定义与原型链上同名的变量，则不会覆盖原型链上的变量，而是在对象本身新增副本。

2.delete运算符不会影响原型链上已有的变量，只会删除对象自身的属性。

三、使用Object.create创建。

分析上图，要点如下：

1.Object.create是基于传入的参数产生新的对象，并且入参会成为其原型链上的一部分。

2.Object.create(null)创建的对象直接指向null。

到此这篇关于“如何读懂JS对象原型链原理，要点是什么”的文章就介绍到这了,更多相关如何读懂JS对象原型链原理，要点是什么内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！

标签： js对象原型链

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：基于vue框架怎样实现文件上传下载，具体代码是什么下一篇：Vue.js中的高级面试题及答案