回調函數無法訪問父函數范圍內的變量

Question

在下面的代碼中，在findTextToDelete函數中無法訪問變量text （它會生成錯誤）

 array = ['a', 'b', 'removeThis', 'c']; removeText("removeThis"); function removeText(text) { array.splice(array.findIndex(findTextToDelete),1); } function findTextToDelete(element) { return element === text; } 

我可以通過創建全局變量'globalText'來解決此問題：

 var globalText = ""; array = ['a', 'b', 'removeThis', 'c']; removeText("removeThis"); function removeText(text) { globalText = text; array.splice(array.findIndex(findTextToDelete),1); } function findTextToDelete(element) { return element === globalText; } console.log(array) 

但是，我試圖理解為什么第一種方法不起作用。

看來必須有更好的方法來做到這一點。 有沒有辦法將“文本”傳遞給回調函數？

任何幫助，將不勝感激。

Answer 1

您可以對text使用閉包來查找元素。

 function removeText(text) { array.splice(array.findIndex(findTextToDelete(text)), 1); } function findTextToDelete(text) { return function (element) { return element === text; } } var array = ['a', 'b', 'removeThis', 'c']; removeText("removeThis"); console.log(array) 

Answer 2

是的，我認為您對封閉感到困惑。

回調函數沒有調用者的作用域。 因此，您無法在findTextToDelete訪問變量text 。

如果要訪問該變量，請將其作為參數傳遞給回調函數。

Answer 3

在一個函數中定義的本地僅可用於在第一個函數中定義的其他函數。 函數中定義的局部變量的范圍限於該函數。 這通常稱為詞匯作用域 。 （其他語言有不同的規則，但是命令式語言中的詞匯很常見。）

因此，您需要在removeText內定義一個函數來訪問text 。

一種方法是僅使用函數文字而不是命名函數：

function removeText(text) {
    globalText = text;
    array.splice(array.findIndex(function (element) {
        return element === globalText;
    }, 1);
}

另一種方法是轉發額外的價值：

function removeText(text) {
    globalText = text;
    array.splice(array.findIndex(function (el) { returnfindTextToDelete(el, text); }, 1);
}

function findTextToDelete(element, text) {
    return element === globalText;
}

（如果您不向后兼容，那么使用箭頭功能可以使兩者更容易編寫。）