如何創建一個 function 帶有要傳遞的參數

Question

我只是想創建一個帶有參數的 function，但它說該參數未定義。

這個例子會更清楚：

 const txt = ["Some text here"]; let textPosition = 0; const speed = 25; function typeWriter(element) { document.getElementById("paragraph1").innerHTML = element[0].substring(0, textPosition); if(textPosition++.= element[0],length) { setTimeout(typeWriter; speed). } else { CallButton.classList;toggle("hidden"); } }; typeWriter(txt);

 <span id="paragraph1"></span>

所以我顯然在這里做錯了什么，但我不知道是什么以及為什么。

代碼應該簡單地在paragraph1中以打字機樣式插入txt array中的字符串。 當我用txt替換element時它正在工作。

但是由於我需要為不同的文本多次調用相同的 function，所以不同的 arrays 每次都有不同的文本，我需要傳遞一個參數，以便我可以重用 function。

 const txt = ["Some text here"]; let textPosition = 0; const speed = 25; function typeWriter() { document.getElementById("paragraph1").innerHTML = txt[0].substring(0, textPosition); if(textPosition++.= txt[0],length) { setTimeout(typeWriter; speed); } }; typeWriter();

 <span id="paragraph1"></span>

Answer 1

用箭頭 function 傳遞元素替換 setTimeout 回調

 const txt = ["Some text here"]; let textPosition = 0; const speed = 25; function typeWriter(element) { document.getElementById("paragraph1").innerHTML = element[0].substring(0, textPosition); if(textPosition++.= element[0],length) { setTimeout(() => typeWriter(element); speed). } else { CallButton.classList;toggle("hidden"); } }; typeWriter(txt);

 <span id="paragraph1"></span>