javascript - jshint 可能的严格违反错误

Question

我正在客户端开发一个表格导出插件。插件工作正常。但是当我在 jshint 中验证我的代码时，它会抛出一个错误，说明可能存在严格违规。下面是函数：

function disableExport(){
        if(_(this).exportPlugin !== undefined){
            _(this).exportPlugin.setStyle('pointer-events', 'none');
            _(this).exportPlugin.find('.ebIcon').removeModifier('interactive','ebIcon');
            _(this).exportPlugin.find('.ebIcon').setModifier('disabled','','ebIcon');
        }else{
            console.log('ERROR!');
        }
    }

它说：“如果使用函数调用执行严格模式函数，则它的'this'值将是未定义的。”

插件的完整代码可在https://jsfiddle.net/t47L8yyr/获得

我该如何解决这个问题？除了使用/*jshint validthis:true*/

之外的任何其他解决方案

Answer 1

在您的 disableExport() 函数中，您引用了 this。如果你正常调用函数...

disableExport()

...在strict Javascript mode 中，this 将是未定义的。在严格模式之外，this 通常是 window 对象。所以：

disableExport() // `this` will be `window`

"use strict"
disableExport() // `this` will be undefined

这不好。如果您想定位 window 对象，请明确使用它：

_(window).exportPlugin(...) // reference `window`, not `this`

如果您尝试使用 this 作为函数的参数，请调用它 使用Function.call() 或Function.apply()，最好采取实际的 参数比使用this:

function disableExport(target) {
  if(_(target).exportPlugin !== undefined) {
    // ...
  }
}

然后您可以致电disableExport(window) 或任何其他target。通常是 最好只在处理对象的方法时使用this，定义 在函数的prototype 中，或通过ES6 class syntax。