JSHint “可能的严格违规。”使用“绑定”时

Question

考虑这个简单的代码：

"use strict";

var obj = {
    f: function() {
        this.prop = 'value';
        g.bind( this )();
    }
};

function g() {
    console.log( this.prop );
}

如果我尝试验证此代码，jshint 会给我错误Possible strict violation.，我在其中调用console.log( this.prop );。这是因为 this 在严格模式下未定义在函数中。

但是我在调​​用它之前绑定了这个函数，所以this是正确的对象。

我使用这种“设计模式”来避免主对象混乱。在参数中传递属性也会使函数变得混乱，所以我拒绝这样做。此外，这正是bind 的用途。

JSHint 有办法让我这样做吗？

Answer 1

试试：

"use strict";

var obj = {
    f: function() {
        this.prop = 'value';
        g.bind( this )();
    }
};

var g = function() {
    console.log( this.prop );
}

Answer 2

这是一个更简单的解决方案，不需要对 jshint 的模式或特定标记进行任何更改：

"use strict";

var obj = {
    f: function() {
        this.prop = 'value';
        G.bind( this )();
    }
};

function G() {
    console.log( this.prop );
}

jshint 假定您遵循以下约定：以大写字母开头的函数是类，它们将被实例化并且始终具有 this 可用。

Answer 3

如果您将代码修改为以下内容以避免将this一起使用，您也可以达到相同的效果。

"use strict";

var obj = {
    f: function() {
        this.prop = 'value';
        g.bind( null, this )();
    }
};

function g(self) {
    console.log( self.prop );
}

Answer 4

正如你所说，这是一种不同的“设计模式”，它实现了同样的事情，但完全避免了这个问题。

"use strict";

function obj() {
    this.prop = '';
}

obj.prototype.f = function obj_f() {
    this.prop = 'value';
    this.g();
};

obj.prototype.g = function obj_g() {
    console.log( this.prop );
};

你可以这样调用它：

var myO = new obj();
myO.f();

Answer 5

如果不运行代码，很难检测到这种情况。您可以使用选项validthis 来抑制此警告：

"use strict";

var obj = {
    f: function() {
        this.prop = 'value';
        g.bind( this )();
    }
};

function g() {
    /*jshint validthis:true */
    console.log( this.prop );
}

需要注意的是 jshint cmets 是函数作用域的。所以注释将适用于函数g 及其内部函数，而不仅仅是下一行。