在 JavaScript 中，原型函数是一种十分常见的编程技巧。它可以允许我们定义在对象或构造函数的原型中的函数，以便从该对象或构造函数的实例中调用。然而，在某些情况下，我们可能需要在原型函数中保存对实例自身的引用，以便在函数执行期间能够访问和修改实例的属性和方法。
保存对引用的引用
为了保存对实例自身的引用，我们可以使用 JavaScript 中的 this 关键字。this 关键字引用了当前正在执行代码的对象，因此，在原型函数中使用 this 可以让我们访问和修改实例的属性和方法。
例如，假设我们有一个 Person 构造函数，它包含一个名为 name 的属性和一个名为 greet 的原型函数：
function Person(name) {
this.name = name;
}
Person.prototype.greet = function() {
console.log(`Hello, my name is ${this.name}!`);
};如果我们创建了一个 Person 实例并调用 greet() 函数，this 关键字将引用该实例，并且在函数内部我们可以使用 this 访问和修改实例的属性和方法：
const john = new Person("John");
john.greet(); // Output: "Hello, my name is John!"示例：在原型函数中保存对引用的引用
在某些情况下，我们可能需要在原型函数中保存对实例自身的引用，以便在函数执行期间能够访问和修改实例的属性和方法。例如，假设我们想要扩展 Person 构造函数，使其具有一个名为 setFullName 的原型函数，该函数将接受一个包含名字和姓氏的对象，并将它们设置为 Person 实例的名字和姓氏。
为了在原型函数中保存对实例自身的引用，我们可以使用 JavaScript 中的闭包技巧。具体来说，我们可以定义一个返回一个函数的函数，该函数与实例上的 setFullName 原型函数共享相同的作用域。这个函数将接受一个包含名字和姓氏的对象，并将它们设置为实例的名字和姓氏。
以下是示例代码：
-- -------------------- ---- -------
-------- ------------ -
--------- - -----
-
---------------------- - ---------- -
------------------- -- ---- -- ----------------
--
---------------------------- - ----------- -
-- -----------
-------- --------------------- -
--------- - -------------- - - - - --------------
-
------ ------------------ -
---------------------- ----------
-- ----------
---------------- - ------------
--
-----
----- ---- - --- ---------------
------------------ ------ ------- ----- ----- ---
------------- -- ------- ------- -- ---- -- ---- -----在上面的代码中，我们定义了一个返回函数的函数，并将其赋值给 setFullName 原型函数。这个函数在执行时会创建一个闭包，使得内部函数 setFullName 可以访问外部函数中的变量和参数。我们将 setFullName 函数绑定到实例上，并将其保存为 this.setFullName，以便在下一次调用 setFullName 时可以直接访问它。
当我们使用 john.setFullName({ first: "John", last: "Doe" }) 调用 setFullName 时，this 关键字将引用 john 实例，并且 setFullName 函数将被调用，将该实例的名字设置为 "John Doe"。在函数内部，我们使用 `setFullName
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11544
