JavaScript 是一种面向对象的编程语言，其基础理论是通过对象来组织代码，对象可以继承属性和方法。在 JavaScript 中，扩展和原型是两个重要的概念，它们可以帮助我们更好地理解对象之间的关系，也可以让我们更好地组织代码。
原型
每个 JavaScript 对象都有一个 [[Prototype]] 内部属性，它指向该对象所继承属性和方法的原型对象。当我们在访问某个属性或方法时，如果该属性或方法不在该对象上，则会去该对象的原型对象上查找，如果还没有找到，则会去原型对象的原型对象上查找，直到找到为止。
下面是一个简单的例子：
-------- ------------ - --------- - ----- - ------------------------ - ---------- - ----------------------- -- ----- --- - --- -------------- -------------- -- ------- ---
在这个例子中，我们定义了一个 Animal 构造函数，并将其原型对象添加了一个方法 sayName。然后我们创建了一个 cat 对象，由于在创建 cat 对象时并没有指定 sayName 方法，因此在访问 cat.sayName() 时，JavaScript 引擎会去 cat 对象的原型对象上查找 sayName 方法，并最终找到了。
扩展
在 JavaScript 中，我们可以使用 Object.assign() 方法来扩展一个对象。Object.assign() 方法接收一个目标对象和一个或多个源对象作为参数，然后将源对象中的属性和方法复制到目标对象中，如果目标对象中已经存在相同的属性或方法，则会将其覆盖。
下面是一个简单的例子：
----- --- - -
----- ------
------ -
---------------------
-
--
----- -------- - -
------ ------- ---------
--
----- ------ - ----------------- ---- ----------
-------------------- -- ------- ------ ------ ----- --------- ------ ------- ----------在这个例子中，我们定义了一个 dog 对象，它有一个 name 属性和一个 bark() 方法。然后我们定义了一个 shepherd 对象，它有一个 breed 属性。最后，我们使用 Object.assign() 方法将 dog 和 shepherd 对象合并成一个新的对象 newDog，newDog 对象包含了原来的 dog 和 shepherd 对象的属性和方法。
总结
在 JavaScript 中，原型和扩展是两个重要的概念，它们可以帮助我们更好地理解对象之间的关系，也可以让我们更好地组织代码。使用原型可以实现对象之间的继承，使用扩展可以方便地合并对象。在编写 JavaScript 代码时，我们应该充分利用原型和扩展这两个特性，以提高代码的可读性和可维护性。
以上就是 JavaScript 中扩展和原型的详细介绍，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10401