介绍
在 ES11 中，新增了独立源对象的概念，其与传统的原型对象是共存的。这篇文章将讨论独立源对象和传统原型对象的不同点，以及如何在代码中使用独立源对象。
传统原型对象
在 JavaScript 中，对象是通过构造函数来创建的。构造函数可以有自己的属性和方法，同时也有一个 prototype 属性。这个 prototype 属性是一个对象，在实例化对象时将会被用作默认的原型。在构造函数内部，你可以使用 this 关键字来引用对象自己，你也可以使用 prototype 关键字来访问其原型对象。
-- -------------------- ---- ------- -- ---- -------- ------------ ---- - --------- - ----- -------- - ---- - -- ---- ------------------------- - ---------- - ------------------- -- ---- -- ------------- --- ----------- ----- ------- -- -- ---- ----- ------ - --- --------------- ---- -- ---- ------------------
以上代码将会输出：Hello, my name is Alice, I'm 27 years old!
在该例子中，我们给 Person 构造函数添加了一个原型方法 sayHello。然后我们创建了一个 Person 的实例，调用该实例的 sayHello 方法，从而输出该实例的名字和年龄。
独立源对象
在 ES11 中，新增了独立源对象的概念。独立源对象被称为一组数据和方法，它们构成了一个可重用的模块。独立源对象不需要依赖于原型，也不依赖于实例化对象。因此我们可以在未实例化之前就直接使用它们。
-- -------------------- ---- -------
-- -----
----- ------ - -
----- ------- --------
---------- -
-----------------------
-
--
-- ----
------------------以上代码将会输出：Hello, World!
我们可以看到，使用独立源对象，我们不需要构造函数和实例化对象，只需要调用独立源对象中的方法即可。这种方法可以让我们更加灵活地处理对象，也可以使代码更加简洁。
共存
在 ES11 中，独立源对象与传统的原型对象是共存的。这意味着我们可以选择使用哪一种方式来处理对象。
-- -------------------- ---- -------
-- -----
----- ------ - -
----- ------- --------
---------- -
-----------------------
-
--
-- ----
-------- ------------ ---- -
--------- - -----
-------- - ----
-
-- ----
------------------------- - ---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
--
-- ----
----- ------ - --- --------------- ----
-- ----
------------------
------------------以上代码将会输出：Hello, World! 和 Hello, my name is Alice, I'm 27 years old!
我们可以看到，独立源对象和传统原型对象都可以使用，而且它们之间没有任何干扰。
结论
ES11 中，独立源对象和传统原型对象共存的特性给予了开发者更多的选择，从而在处理对象时变得更加灵活。我们可以选择使用独立源对象，亦或是传统原型对象来处理对象，还可以将它们混合使用，从而提供更加全面的解决方案。
指导意义
- 了解独立源对象和传统原型对象的不同点
- 学会如何使用独立源对象
- 学会如何将独立源对象和传统原型对象共存，以提供更加全面的解决方案
希望通过本文，您对 ES11 中独立源对象和传统原型对象的不同以及如何使用独立源对象有了更加详细的了解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67498668a1ce00635464679f