我正在嘗試減少 Chrome 擴展中的全局變量，以減少 JavaScript 中的“意大利面”或歧義。我試圖通過一個 init 函數來嘗試此操作，該函數在 mousedown eventListener 回調函數中聲明這些全局變量，該函數可能會被多次觸發。這樣我就可以將這些變量+事件作為此類回調的參數傳遞給其他 eventListener 回調（即 mouseup 回調）。我已將問題分解為一個單獨的文件：索引.html<!doctype html><html><head> <meta charset="utf-8"></head><body> <script src="test.js"></script></body></html>測試.jsisVarsInitOnce = false;function executesMoreThanOnce() { const initVariables = function() { console.log('runs once'); const bools = { boolOne: false, boolTwo: false, boolThree: false }; const events = { clickEvent: function(event) { //do stuff }, keyEvent: function(event) { //do other stuff } }; return { bools: bools, events: events } }; if (!isVarsInitOnce) { isVarsInitOnce = true; let vars = initVariables(); var booleanObject = vars.bools; var eventObject = vars.events; } console.log('objects: ', booleanObject, eventObject); //attempting to access initialised variable after function is executed more than once will cause an error. //this is because the booleanObject is now undefined. booleanObject.boolOne = true;}//runs twicefor (let i=0; i<2; i++) { executesMoreThanOnce();}我用來控制執行的方法initVariables()是一個全局布爾變量，isVarsInitOnce它可以有效地初始化變量并設置executesMoreThanOnce()一次在函數中使用的對象?？梢栽谘h中調用該函數的第一個實例中訪問這些for對象，但是undefined當嘗試在循環中調用該函數的第二個實例中訪問這些對象時，就會訪問這些對象for。這在控制臺輸出中非常清楚地表示出來：runs oncetest.js:38 objects: {boolOne: false, boolTwo: false, boolThree: false} {clickEvent: ?, keyEvent: ?}test.js:38 objects: undefined undefined //<--- (function called 2nd time)test.js:42 Uncaught TypeError: Cannot set property 'boolOne' of undefined at executesMoreThanOnce (test.js:42) at test.js:47我不確定為什么會發生這種情況。誰能幫助我理解為什么這不能正常工作？對于我的情況，有人有更好的建議來減少全局變量嗎？非常感謝。
JS| 訪問該對象的函數多次運行后，初始化對象未定義
一只名叫tom的貓
2023-09-21 10:48:56
