JSHint"可能严格违规".当使用`bind`时

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

没有运行代码就很难检测到这种情况.您可以使用选项validthis来禁止此警告:

"use strict";

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

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

需要注意的是,jshint注释是函数作用域.因此注释将适用于函数g及其内部函数,而不仅仅是下一行.

Answer 2

如果将代码修改为以下代码以避免this全部使用,也可以实现相同的效果.

"use strict";

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

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