JavaScript如何理解对象原型链机制？

本文共计531个文字，预计阅读时间需要3分钟。

这篇文章主要介绍了JavaScript对象原型链的原理，通过示例代码详细解释了其非寻常的细节。对于想要学习或工作的朋友来说，具有一定的参考价值。以下是一个JS对象示例，除了自定义属性外，还包括了继承的属性：javascriptfunction Person(name, age) { this.name=name; this.age=age;}

Person.prototype.sayName=function() { console.log(this.name);};

var person1=new Person('Alice', 25);var person2=new Person('Bob', 30);

console.log(person1.name); // Aliceconsole.log(person2.name); // Bobperson1.sayName(); // Aliceperson2.sayName(); // Bob

这篇文章主要介绍了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。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。