揭秘！JS prototype 方法中 “var self = this;” 的意义、示例与使用注意事项

在JavaScript的`prototype`方法里写`var self = this;`是为了解决`this`指向问题。在JavaScript中，`this`的指向会根据函数的调用方式而改变，这可能导致在嵌套函数或者回调函数里，`this`的指向并非我们所期望的对象。通过`var self = this;`把当前对象的引用保存到`self`变量中，就能在任何地方使用这个引用。 以下是一个示例代码： ```javascript function Person(name) { // 构造函数，初始化name属性 this.name = name; // 给Person的原型添加一个方法 Person.prototype.sayHello = function() { // 将当前对象的引用保存到self变量中 var self = this; // 定义一个内部函数 function innerFunction() { // 在内部函数中使用self变量，这里self指向Person对象 console.log('Hello, ' + self.name); } // 调用内部函数 innerFunction(); }; } // 创建一个Person对象 var person = new Person('John'); // 调用sayHello方法 person.sayHello(); ``` 代码注释解释了每一步的作用。在`sayHello`方法里，把`this`保存到`self`变量，在`innerFunction`中就能使用`self`来访问`Person`对象的属性。 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 要注意`var self = this;`语句的位置，要保证在需要使用`this`原始指向的地方之前就定义好`self`变量。 2. 在使用箭头函数时，由于箭头函数没有自己的`this`，它的`this`继承自外层函数，所以可能不需要使用`var self = this;`这种方式。 3. 当代码结构复杂时，要确认`self`变量是否一直指向预期的对象，防止因为代码逻辑问题导致`self`指向错误。 ######[AI写代码神器 | 451点数解答 | 2025-09-03 16:01:53]