对象内部的 JavaScript 闭包：什么别名应该有“this”？用于传递给匿名函数？

Question

我们与我们的团队讨论下一步： 正确的名称应该有变量，该变量将是匿名函数中“this”的别名。简单的例子：

var SomeConstructor = function() {

    this.someProperty = 'bingo';

    this.someMethod = function() {

        var myObjectAlias = this;

        $('a').click(function() {
            alert( myObjectAlias.someProperty );                  
        });

    }
}

所以我的问题是 - 什么正确的名称应该有变量“myObjectAlias”？或者您的代码中使用了什么？

Answer 1

您会看到很多代码示例。

var that = this;

$('a').click(function() {
         alert( that.someProperty );                  
});

这样做；其实没关系，你想要什么就什么。

Answer 2

在这些情况下，我倾向于使用 self，或者明确地使用 _self，具有 this 的含义，而无需冲突，让事情简单直观，至少对我来说是这样。

例如：

self.property
self.doSomething()
if(self.hasPickles) {
  self.eat();
}

这当然是一个偏好问题，但我所交谈过的大多数 JS 开发人员都认为这种命名风格非常直观，这并不是说大多数人都这么认为，但事实并非如此没关系吧？做对你的团队有用的事情:)

Answer 3

我认为有时使用有意义的名称是件好事，例如“表单”或“容器”或其他名称。简而言之，小代码块并不是什么大问题，但在表单或对话框的复杂初始化中，往往会出现几个不同的“有趣”对象。

Answer 4

我更喜欢使用 self ，原因是 Nick Craver 描述的。

Answer 5

切线：考虑为构造函数使用原型：

var SomeConstructor = function() {}
SomeConstructor.prototype = {

    someProperty: 'bingo',

    someMethod: function() {   
        var self = this;    
        $('a').click(function() {
            alert( self.someProperty );                  
        });    
    }
}

someProperty 和 someMethod 属性可以在所有实例之间共享，因此它们可以通过这种方式正常工作。每当您需要为每个实例提供单独的值时，您应该将它们放在构造函数本身中。