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为自定义函数,即是对象。
本文共计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为自定义函数,即是对象。

