JavaScript对象原型链原理详解
更新时间：2020年02月05日 08:42:51 作者：罗毅豪
这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一个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。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
IE7已经支持position:fixed了，而我们的IE6呢？还继续使用js事件？消耗资源，破坏结构，画面闪耀。2011-03-03
这篇文章主要为大家详细介绍了JS实现简单网页倒计时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了JavaScript的事件监听，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
js和jq的event对象大同小异，本文简单对比下它们的'click'事件下的不同和应用，给有需要的小伙伴参考下2014-11-11
这篇文章主要介绍了鼠标选择动态改变网页背景颜色的JS代码，有需要的朋友可以参考一下2013-12-12
在VSCode中编写的TypeScript代码不能直接运行,需要先用tsc编译为JavaScript,然后才能运行,下面这篇文章主要给大家介绍了关于如何在vscode中使用Typescript并运行的相关资料,需要的朋友可以参考下2023-05-05
如果JSON对象中有属性是包含双引号当转换成字符串形式，将自动加上反斜线，详细请祥看本文2014-03-03
以下页面在运行中,调试输出的永远是alter('1'),原因是按照页面加载从上至下的顺序,同名的方法以最后一个为准.2009-01-01
全角空格为12288，半角空格为32 其他字符半角(33-126)与全角(65281-65374)的对应关系是：均相差65248 .2009-10-10
本文给大家分享的是如何在APP中使用javascript结合CSS3实现下拉刷新特效的代码，非常的简单实用，有需要的小伙伴可以参考下。2016-01-01
最新评论