ES12 中的更高级的原型继承

阅读时长 4 分钟读完

在 JavaScript 中,原型继承是一种常见的继承方式。在 ES6 中,我们看到了 class 关键字的引入,这让我们可以更方便地使用原型继承。但是,在 ES12 中,有更高级的原型继承方式,本文将介绍这些方式。

类型

在 ES12 中,有两种类型:值类型和引用类型。值类型包括数字、字符串、布尔值、null 和 undefined。引用类型包括对象、数组、函数等。

原型

在 JavaScript 中,每个对象都有一个原型,原型是一个对象,它包含了这个对象的属性和方法。当我们访问一个对象的属性或方法时,如果这个对象没有这个属性或方法,它会去它的原型中查找。如果原型中也没有这个属性或方法,它会继续查找原型的原型,直到找到为止。

原型继承

原型继承是指一个对象可以继承另一个对象的属性和方法。在 JavaScript 中,我们可以通过 Object.create() 方法来实现原型继承。

-- -------------------- ---- -------
----- ------ - -
  ----- ---------
  ---------- -
    ------------------- --- ----------------
  -
--

----- ----- - ----------------------
---------- - --------

----------------- -- -- ------- --- -------

在上面的代码中,我们创建了一个 parent 对象,它有一个 name 属性和一个 sayHello 方法。然后,我们通过 Object.create() 方法创建了一个 child 对象,并将 parent 对象作为它的原型。最后,我们给 child 对象的 name 属性赋值为 "Child",并调用了它的 sayHello 方法。

更高级的原型继承

在 ES12 中,我们可以使用 Object.setPrototypeOf() 方法来设置一个对象的原型。这个方法接受两个参数,第一个参数是要设置原型的对象,第二个参数是要设置为它的原型的对象。

-- -------------------- ---- -------
----- ------ - -
  ----- ---------
  ---------- -
    ------------------- --- ----------------
  -
--

----- ----- - -
  ----- -------
--

---------------------------- --------

----------------- -- -- ------- --- -------

在上面的代码中,我们创建了一个 parent 对象,它有一个 name 属性和一个 sayHello 方法。然后,我们创建了一个 child 对象,它只有一个 name 属性。最后,我们使用 Object.setPrototypeOf() 方法将 parent 对象设置为 child 对象的原型。这样,child 对象就可以继承 parent 对象的属性和方法了。

除了 Object.setPrototypeOf() 方法,ES12 还引入了 Reflect.setPrototypeOf() 方法,它和 Object.setPrototypeOf() 方法的功能是一样的,只是写法略有不同。

-- -------------------- ---- -------
----- ------ - -
  ----- ---------
  ---------- -
    ------------------- --- ----------------
  -
--

----- ----- - -
  ----- -------
--

----------------------------- --------

----------------- -- -- ------- --- -------

总结

在 ES12 中,我们可以使用 Object.setPrototypeOf()Reflect.setPrototypeOf() 方法来实现更高级的原型继承。这些方法可以让我们更方便地设置一个对象的原型,从而实现继承。在实际开发中,我们可以根据需要选择不同的继承方式来编写更加优雅和简洁的代码。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65d94f8b1886fbafa46e37c6

纠错
反馈