JavaScript 是一门基于原型（prototype）的语言，其原型系统是其核心特性之一。它可以让对象在运行时动态地继承其他对象的属性和方法，而无需事先定义类或类型。虽然 JavaScript 中也有类的概念，但它们实际上只是基于原型的语法糖。
在本文中，我们将探讨 JavaScript 原型系统的更深入功能和应用，以便您能够更好地理解和利用它。
1. 构建高效的原型链
原型链是指对象通过 __proto__ 属性链接到另一个对象，并从那个对象中继承属性和方法。原型链的终点是 Object.prototype，其中包含所有 JavaScript 对象共享的默认属性和方法，例如 toString() 和 valueOf()。
创建高效的原型链需要避免不必要的层次结构，因为每次属性查找都要经过整个链。以下是构建高效原型链的一些技巧：
1.1 使用 Object.create()
Object.create() 方法可以使用现有对象作为新对象的原型。这使得派生对象具有与父级对象相同的属性和方法。例如：
let Parent = {
sayHello() {
console.log("Hello!");
}
};
let Child = Object.create(Parent);
Child.sayHello(); // 输出 "Hello!"1.2 避免使用 new Object()
使用 new Object() 创建对象时，该对象的原型是 Object.prototype，而不是其他对象。这可能会导致原型链中存在额外的层次结构。相反，建议使用字面量语法 {} 来创建新对象。
1.3 使用 ES6 的 class 语法
虽然 class 语法本质上仍然基于原型，但它提供了更直观和可读的方式来定义类，并且可以更轻松地维护原型链。例如：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- -- ------- -------2. 实现高效的属性访问
JavaScript 中的属性访问有两种方式：点符号（.）和方括号（[]）。点符号更常见，但是在访问属性名称未知或动态生成的情况下，必须使用方括号访问。
虽然这两种方式都有效，但是点符号比方括号更快，因为它直接从对象或原型链中查找属性。相比之下，方括号访问需要通过运行时计算属性名称才能查找属性。因此，使用点符号访问属性可以提高代码的性能。
以下是一个演示属性访问性能差异的例子：
-- -------------------- ---- -------
----- ------- -
------------- -
---------- - ------
---------- - ------
---------- - ------
-
-
--- --- - --- ----------
----------------- -----------
--- ---- - - -- - - --------- ---- -
--- - - ----------
-
-------------------- -----------
--------------------- -----------
--- ---- - - -- - - --------- ---- -
--- - - -------------
-
------------------------ -----------在我的机器上，使用点符号访问属性的性能大约是使用方括号访问属性的两倍。
3. 实现继承和多态
JavaScript
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12839