解释JavaScript中的原型继承

解释JavaScript中的原型继承

在这篇文章中,我们将试着理解有效理解JavaScript中的原型继承的必要概念,以及通过几个示例来说明它究竟意味着什么。

让我们了解JavaScript中原型继承的基础知识。

JavaScript中的原型继承: 以下要点将试图分析JavaScript中原型继承的基础知识-

  • 在经典继承现象下,我们创建一个新的类来扩展或重用另一个类的属性、函数或方法,这些属性、函数或方法被多种编程语言(如C、C++、Java等)使用。
  • JavaScript不使用经典继承,而是使用原型继承的现象。
  • 在原型继承中,一个对象通过原型链接来使用另一个对象的属性或方法。
  • 所有JavaScript对象都从原型中继承属性和方法(如日期对象从Date.prototype继承属性等)。

下面的图形表示中,包含一些示例值,将帮助我们更好、更有效地理解原型继承。

解释JavaScript中的原型继承

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程