我的代碼中的變量有一個(gè)小問(wèn)題。我有一個(gè)在函數(shù)外部聲明的變量，但在它之后無(wú)法訪問(wèn)。因此，首先您輸入一個(gè)與以下代碼組合的文件：input.addEventListener("change", sefunction);現(xiàn)在這個(gè)文件（這是一個(gè) HTML 文件）應(yīng)該被解析為一個(gè)字符串：var htmlInput;var inputFile = "";function sefunction() {if (this.files && this.files[0]) { var myFile = this.files[0]; var reader = new FileReader(); reader.addEventListener('load', function (e) { inputFile = e.target.result; htmlInput = new DOMParser().parseFromString(inputFile, "text/html").documentElement; console.log(htmlInput); //WORKING FINE }); reader.readAsBinaryString(myFile); document.getElementById("starten").disabled = false; document.getElementById("myFile").disabled = true; console.log(htmlInput); //NOT WORKING initialisation2(); }; };然后，為了測(cè)試它，我想 console.log htmlInput：function initialisation2() { console.log(htmlInput); //NOT WORKING}現(xiàn)在發(fā)生了什么：第一個(gè)console.log給了我 的內(nèi)容htmlInput。第二個(gè)和第三個(gè)（在initialisation2()）中沒(méi)有。有人能告訴我為什么嗎？該變量是在第一個(gè)函數(shù)之外聲明的，因此它應(yīng)該在代碼的其余部分中可用。我需要像這樣解析 HTML 輸入文件，因?yàn)槲蚁Ｍ軌蛟L問(wèn)htmlInput.getElementsByTagName('table').
1 回答
大話西游666
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
該htmlInput變量在第二個(gè)之后被賦值console.log并被initialisation2調(diào)用。這是因?yàn)镕ileReader是異步的，所以htmlInput直到undefined文件被讀取為止。
將調(diào)用initialisation2移至load回調(diào)中將解決此問(wèn)題：
reader.addEventListener("load", function(e) {
inputFile = e.target.result;
htmlInput = new DOMParser().parseFromString(inputFile, "text/html").documentElement;
initialisation2();
});
我們可以使用模仿文件讀取器異步性的超時(shí)來(lái)復(fù)制正在發(fā)生的情況：
var htmlInput;
function sefunction() {
setTimeout(() => {
htmlInput = "Given htmlInput";
initialisation2(); // logs "Given htmlInput"
}, 1000);
initialisation2(); // logs "undefined"
}
function initialisation2() {
console.log(htmlInput);
}
- 1 回答
- 0 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消