解释JavaScript中的原型继承
在这篇文章中,我们将试着理解有效理解JavaScript中的原型继承的必要概念,以及通过几个示例来说明它究竟意味着什么。
让我们了解JavaScript中原型继承的基础知识。
JavaScript中的原型继承: 以下要点将试图分析JavaScript中原型继承的基础知识-
- 在经典继承现象下,我们创建一个新的类来扩展或重用另一个类的属性、函数或方法,这些属性、函数或方法被多种编程语言(如C、C++、Java等)使用。
- JavaScript不使用经典继承,而是使用原型继承的现象。
- 在原型继承中,一个对象通过原型链接来使用另一个对象的属性或方法。
- 所有JavaScript对象都从原型中继承属性和方法(如日期对象从Date.prototype继承属性等)。
下面的图形表示中,包含一些示例值,将帮助我们更好、更有效地理解原型继承。
let animal = {
animalEats: true,
};
let rabbit = {
rabbitJumps: true,
};
// Sets rabbit.[[Prototype]] = animal
rabbit.__proto__ = animal;
console.log(rabbit.animalEats);
console.log(rabbit.rabbitJumps);
输出
true
true
方法2:使用Object.setPrototypeOf()方法
在这种方法中,我们将使用新的JavaScript方法来实现JavaScript原型继承,我们将使用 Object.setPrototypeOf() 方法来实现。这个方法需要两个参数,第一个参数是要设置原型的对象,第二个参数是对象的新原型。然后,我们声明了两个对象,并且使用这两个对象,将一个对象设置为另一个对象的原型对象。
示例: 在这个示例中,我们使用了上述解释的方法。
Javascript
let rabbit = {
rabbitJumps: true,
};
let animal = {
animalEats: true,
};
Object.setPrototypeOf(rabbit, animal);
console.log(rabbit.animalEats);
console.log(rabbit.rabbitJumps);
输出
true
true