Javascript - 使用本地变量还是这个？

Question

我正在使用原型方法，这是场景

function Foo () {
    this.x = 5;
    this.y = 2;
    this.z = this.addValues();
}
Foo.prototype = {
    addValues:  function (){
        return this.x + this.y; 
    }
}

显然这只是一个简单的例子；在实际项目中，“addValue”函数中会有很多活动。是否可以使用“this”关键字 100 次，或者将其缓存到本地变量有助于提高性能。例如，下面的内容会有什么不同吗？

Foo.prototype = {
    addValues:  function (){
        var self = this;
        return self.x + self.y; 
    }
}

Answer 1

self.x 和 this.x 之间可能没有任何有意义的区别。 可能会有所不同的是，

  var x = this.x, y = this.y;

  // massive amounts of computation involving x and y

除非您真正参与了一些尖端游戏开发或其他工作，否则这种微观优化可能不值得。首先让你的算法和数据结构达到标准，然后再担心像这样的事情。你永远不知道 JavaScript 运行时系统的开发人员何时会引入新的优化。它们无法修复错误的算法，但可以极大地影响微观优化。

Answer 2

this 是访问 x 和 y 的标准方法。将 this 缓存到本地变量不会带来任何改进——如果有的话，首先声明 self 是在浪费空间。

您会看到的唯一可能风险是这样的：

var f = new foo();
var stupid = f.addValues;
stupid(); // whoops - this is suddenly the global object, 
          // and your method is broken.

话虽如此，我认为您不对人们滥用您的功能负责，而且我不会担心这一点。

另外，按照惯例，用作构造函数的函数应以大写字母开头。考虑将 foo 重命名为 Foo

Answer 3

在此示例中，将 this 分配给 self 应该不会产生任何影响。 JavaScript 不会按值分配对象，而是按引用分配对象，这意味着 self 和 this 都指向同一个对象。这样做你什么也得不到。

foo.prototype = {
    addValue:  function (){
       // self and this point to the same object! 
       var self = this;
        return self.x + self.y; 
    }
}