javascript原型链

本文介绍了JavaScript中原型链的概念,解释了如何通过构造函数和原型对象实现继承。通过具体示例展示了如何让一个构造函数的原型对象引用另一个类型的实例,形成原型链。

什么是原型链呢?每个构造函数都会有一个原型对象,原型对象里面有constructor属性是一个指向构造函数的指针,每个实例都包含一个指向原型对象的内部指针([[prototype]])。如果让一个函数的原型对象等于另一个类型的实例,此时原型对象将包含一个指向另一个原型的指针[[prototype]],如果还有另外的原型对象等于该类型的实例,则另外的原型对象将包含一个指向该原型对象的内部指针,如果还有其他原型对象等于更前面的实例,层层递进,就形成了以原型对象的[[prototype]]指向另一原型对象的指针为连接线的链接,这就是原型链。

原型链是实现继承的主要方法。

上述描述比较抽象,以下为代码示例:

function Animal(name){
    this.name = name
}
Animal.prototype.eat = function(){
    console.log(this.name + " can eat.")
}
function Dog(name){
    this.name = name
}
Dog.prototype = new Animal("Dog")
Dog.prototype.housekeeping = function(){
    console.log(this.name + " can prevent theft.")
}

这里写图片描述

### JavaScript 原型链详解 JavaScript原型链是实现对象继承的一种机制。每个对象在创建时都会关联一个原型对象,并从该原型继承属性和方法。这种原型关系可以形成一条链式结构,称为原型链。 #### 1. 原型链的基本概念 每个 JavaScript 对象都有一个内部属性 `[[Prototype]]`,它指向该对象的原型对象。当尝试访问对象的一个属性或方法时,如果对象本身没有该属性或方法,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或方法,或者到达原型链的末端(即 `null`)[^2]。 #### 2. 原型链的工作机制 以下是一个简单的代码示例来说明原型链的工作原理: ```javascript function Person(name) { this.name = name; } Person.prototype.greet = function() { return `Hello, my name is ${this.name}`; }; const person1 = new Person("Alice"); console.log(person1.greet()); // 输出: Hello, my name is Alice ``` - 在上述代码中,`person1` 是通过 `new Person()` 创建的实例对象。 - `person1` 自身并没有 `greet` 方法,但它的 `[[Prototype]]` 指向了 `Person.prototype`,而 `Person.prototype` 中定义了 `greet` 方法。 - 因此,当调用 `person1.greet()` 时,JavaScript 引擎会在 `person1` 的原型链上找到 `greet` 方法并执行[^3]。 #### 3. 原型链的继承 原型链不仅可以用于单层继承,还可以用于多层继承。例如: ```javascript function Animal() {} Animal.prototype.eat = function() { return "I am eating"; }; function Dog() {} Dog.prototype = Object.create(Animal.prototype); Dog.prototype.bark = function() { return "Woof!"; }; const myDog = new Dog(); console.log(myDog.eat()); // 输出: I am eating console.log(myDog.bark()); // 输出: Woof! ``` - 在这个例子中,`Dog.prototype` 被设置为 `Animal.prototype` 的实例,因此 `Dog` 的实例可以继承 `Animal` 的方法。 - 当调用 `myDog.eat()` 时,JavaScript 引擎会沿着原型链找到 `Animal.prototype.eat` 方法并执行[^1]。 #### 4. 注意事项 - 原型链的末端总是 `null`,因为所有原型链最终都会指向 `Object.prototype`,而 `Object.prototype` 的 `[[Prototype]]` 是 `null`。 - 如果在原型链上修改共享的属性或方法,可能会对所有继承该原型的对象产生影响。因此,在设计继承结构时需要特别小心。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值