為什么JSHINT抱怨這是一個嚴格的違反行為？

Question

我認為這可能與使用此關鍵字並顯示模塊模式的嚴格違規行為重復

我有以下代碼：

function gotoPage(s){
    if(s<=this.d&&s>0){this.g=s; this.page((s-1)*this.p.size);}
}

function pageChange(event, sorter) {
    var dd = event.currentTarget;
    gotoPage.call(sorter, dd[dd.selectedIndex].value);
}

JSHINT（JSLINT）在抱怨。 它說“嚴格違反”。 對於突出顯示的行：

我使用Function.call()然后引用該實例是否有點不合適？

這被認為是不好的風格嗎？

Answer 1

JSHint表示“可能嚴格違反”，因為據您所知，您正在內部使用this方法，而這並不是一種方法。

在非嚴格模式時，調用gotoPage(5)將結合this全局對象（ window中的瀏覽器）。 在嚴格模式下， this將是undefined ，您會遇到麻煩。

大概，您的意思是在綁定this上下文的情況下調用此函數，例如gotoPage.bind(myObj)(5)或gotoPage.call(myObj, 5) 。 如果是這樣，您可以忽略JSHint，因為不會產生任何錯誤。 但是，它告訴您，您的代碼對於任何閱讀它的人來說都不是很清楚，因為在顯然不是一種方法的內部使用this代碼會造成很大的混亂。 最好簡單地將對象作為參數傳遞：

function gotoPage(sorter, s) {
    if (s <= sorter.d && s > 0) {
        sorter.g = s;

        sorter.page((s - 1) * sorter.p.size);
    }
}

function pageChange(event, sorter) {
    var dd = event.currentTarget;
    gotoPage(sorter, dd[dd.selectedIndex].value);
}

Answer 2

我收到此消息的功能不是以大寫字母開頭的。

"use strict";

// ---> strict violation
function something() {
    this.test = "";
}


// ---> just fine (note the capital S in Something)
function Something() {
    this.test = "";
}

Answer 3

如果將函數聲明為變量而不是使用標准函數聲明，則jshint不會將其標記為嚴格違規。 因此，您可以執行以下操作-

var gotoPage = function (s){
    if(s<=this.d&&s>0){this.g=s; this.page((s-1)*this.p.size);}
};


var pageChange = function (event, sorter) {
    var dd = event.currentTarget;
    gotoPage.call(sorter, dd[dd.selectedIndex].value);
};

Answer 4

如果您嘗試實現一種方法，則可能需要分配給原型：

ExampleClassName.protytpe.gotoPage = function gotoPage(s){
  // code using this
};

分配功能時，JSHint不會發出警告。