Array和Object的原型链

时间: 2024-06-06 13:08:27 浏览: 150

js 原型对象和原型链理解

js函数的原型对象constructor默认指向函数本身，原型对象除了有原型属性外，为了实现继承，还有一个原型链指针__proto__，该指针指向上一层的原型对象，而上一层的原型对象的结构依然类似，这样利用__proto__一直指向Object的原型对象上，而Object的原型对象用Object.__proto__ = null表示原型链的最顶端，如此变形成了javascript的原型链继承，同时也解释了为什么所有的javascript对象都具有Object的基本方法。原型对象的用途是为每个实例对象存储共享的方法和属性，它仅仅是一个普通对象而已。并且所有的实例是共享同一个原型对象，因此有别于实例方法或属性，原型对象仅有一份。在js中，对象在调用一个方法时会首先在自身里寻找是否有该方法，若没有，则去原型链上去寻找，依次层层递进，这里的原型链就是实例对象的__proto__属性。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解对原型对象和原型链的描述让我受益匪浅。上面文件仅用一个对比性的例子来说明。谢谢大家支持。 JavaScript中的原型对象和原型链是理解面向对象编程的关键概念。原型对象（Prototype）主要用于实现对象间的继承，而原型链（Prototype Chain）则是JavaScript查找对象属性和方法的机制。每个函数都有一个`prototype`属性，它是一个对象，用于创建该函数实例时提供共享的方法和属性。默认情况下，`prototype`对象有一个`constructor`属性，它指向创建该原型对象的函数。例如，`Person.prototype.constructor`指向`Person`函数。这允许我们通过`constructor`属性回溯到实例的构造函数。原型链是由`__proto__`属性构建的。每个对象都有一个`__proto__`属性，它是指向其构造函数的`prototype`对象的引用。当尝试访问一个对象的属性或方法时，JavaScript会首先在对象自身的属性中查找，如果没有找到，就会沿着`__proto__`链向上查找，直到找到该属性或方法，或者到达原型链的顶端——`Object.prototype`，此时`Object.prototype.__proto__`被设置为`null`，表示原型链的终点。以下是一个简单的例子： ```javascript function Person() { this.name = 'John'; } Person.prototype.say = function() { console.log('Hello, ' + this.name); }; var person = new Person(); person.say(); // 输出 "Hello, John" ``` 在这个例子中，`Person.prototype`定义了一个公共的`say`方法，所有`Person`的实例，如`person`，都可以访问这个方法，因为它们共享了同一个`Person.prototype`对象。然而，如果我们在创建实例后再修改`prototype`，则需要注意实例的创建顺序： ```javascript function Person() { this.name = 'John'; } var person = new Person(); Person.prototype = { say: function() { console.log('Hello, ' + this.name); } }; person.say(); // 报错：person.say is not a function ``` 在这个场景下，`person`在`Person.prototype`被修改之前就已经创建，因此它的`__proto__`仍然指向原来的`Person.prototype`，而不是新定义的那个包含`say`方法的原型对象。为了避免这种问题，我们需要确保先定义`prototype`，然后再创建实例。总结一下，JavaScript的原型对象和原型链具有以下特点： 1. 函数的`prototype`对象有一个`constructor`属性，指向函数本身。 2. `__proto__`属性构成了原型链，用于查找对象的方法和属性。 3. 所有JavaScript对象（除`null`外）都具有`__proto__`属性，指向其构造函数的`prototype`。 4. 原型链的顶端是`Object.prototype`，它的`__proto__`为`null`。 5. 当试图访问一个对象的属性或方法时，JavaScript会在对象及其原型链上进行搜索。理解这些概念有助于我们更好地利用JavaScript的继承机制，编写更高效、可维护的代码。

Array和Object都是JavaScript中的对象，它们都有原型链。 Object的原型链：Object.prototype → null Array的原型链：Array.prototype → Object.prototype → null 意思是说，Object的原型链最终指向null，而Array的原型链先指向Array.prototype，再指向Object.prototype，最终也指向null。在原型链上，子类的原型对象继承了父类的原型对象中定义的属性和方法。例如，在Array.prototype中定义了一些数组的方法，如push、pop、join等，那么所有的数组都可以使用这些方法。同时，由于Array继承了Object的原型对象，因此也可以使用Object原型对象中定义的一些属性和方法，如toString、valueOf等。

阅读全文

Array和Object的原型链

相关推荐

javascript原型和原型链

判断js的Array和Object的实现方法

Object和Array的原型链

Array和Object的原型

Array的原型链上是否包含Array

【技术分享】从浅入深 Javascript 原型链与原型链污染 .pdf

原型链和构造函数.docx

深入理解JavaScript中的原型和原型链

Array instanceof Array为false；Array instanceof Object为true的原理

使用instanceof 方法。Array instanceof Array是false Array instanceof Object 是true

Array instanceof Array为false Object instanceof Object为true

Array instanceof Array 为false Object instanceof Object 为true 原理

Array instanceof Array为flase；Object instanceof Object为true

Array instanceof Array为false；Object instanceof Object为true

javascript原型链

JavaScript 原型链

Object instanceof Object 为true而Array instanceof Array 为false原因是啥

MATLAB-四连杆机构的仿真+项目源码+文档说明

ridge_regression:用于岭回归的python代码（已实现以预测下个月的CO2浓度）

最新推荐

javaScript array(数组)使用字符串作为数组下标的方法

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

MATLAB-四连杆机构的仿真+项目源码+文档说明

基于Python和Opencv的车牌识别系统实现

管理建模和仿真的文件

网络隔离与防火墙策略：防御网络威胁的终极指南

在密码学中，对称加密和非对称加密有哪些关键区别，它们各自适用于哪些场景？

我的代码小部件库：统计、MySQL操作与树结构功能

"互动学习：行动中的多样性与论文攻读经历"

网络测试与性能评估：准确衡量网络效能的科学方法