JSHint“可能严格违反。” 当使用`bind`时

考虑以下简单代码：

"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有办法让我这样做吗？

不运行代码就很难检测到这种情况。您可以使用optionvalidthis禁止显示此警告：

"use strict";

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

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

要注意的是，jshint注释是函数范围的。因此，注释将对函数g及其内部函数起作用，而不仅仅是下一行。

如果将代码修改为以下内容，以避免同时使用this所有代码，则也可以达到相同的效果。

"use strict";

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

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

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

"use strict";

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

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

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

尝试：

"use strict";

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

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

正如您所说的，这是一种不同的“设计模式”，它可以实现相同的目的，但可以完全避免问题。

"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();