原型与原型链

本文详细解释了JavaScript中的原型和原型链概念,包括对象如何通过原型继承属性和方法,以及显示原型(通过`prototype`设置)和隐式原型(构造函数原型)的区别。通过实例展示了如何利用原型链实现方法共享。
摘要由CSDN通过智能技术生成

原型、原型链,显示原型,隐式原型

原型和原型链的概念

在JavaScript中,每个对象都有一个原型 prototype 和一个原型链 prototype chain 。原型是一个对象,它包含了共享的属性和方法。原型链是由一系列对象组成的链表,用于查找和继承属性和方法。

  • 需要访问或调用一个对象的属性或方法时,JavaScript会首先查找对象本身是否具有该属性或方法,如果没有,则会沿着原型链一层层查找,直到找到或者到达原型链的末端。

显示原型和隐式原型的概念

  • 显示原型是通过将一个对象赋值给另一个对象的prototype属性来进行设置的,用于实现对象之间的继承关系。
function Parent() {}

function Child() {}

Child.prototype = new Parent(); // Child的原型设置为Parent的实例

隐式原型是一个对象在创建时自动获得的,它指向该对象的构造函数的原型对象。

  • 示例

function Person(name) {

  this.name = name;
  
}

Person.prototype.sayHello = function() {

  console.log(`Hello, my name is ${this.name}.`);
  
};

var person1 = new Person('Bob');

person1.sayHello(); // Hello, my name is Bob.

var person2 = new Person('Alice');

person2.sayHello(); // Hello, my name is Alice.

console.log(person1.__proto__ === Person.prototype); // true,person1的隐式原型指向Person的原型

console.log(person2.__proto__ === Person.prototype); // true,person2的隐式原型指向Person的原型

以上代码中,我们定义了构造函数 Person 和它的原型方法 sayHello 。通过构造函数Person创建的实例 person1 person2 都可以调用 sayHello 方法,因为它们的隐式原型__proto__指向了 Person的原型对象。这样,我们就可以通过原型链的机制实现了对共享方法的复用。

以上是关于原型、原型链和显示原型与隐式原型的整理和示例注解
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值