解決常見的 JavaScript 問題

以下連結指向您在編寫 JavaScript 時可能遇到的常見問題的解決方案。

初學者常見錯誤

正確的拼寫和大小寫

如果您的程式碼不起作用和/或瀏覽器報錯說某個東西未定義,請檢查您是否正確拼寫了所有變數名、函式名等。

一些常見的導致問題的內建瀏覽器函式是

正確 錯誤
getElementsByTagName() getElementByTagName()
getElementsByName() getElementByName()
getElementsByClassName() getElementByClassName()
getElementById() getElementsById()

分號位置

您需要確保不要錯誤地放置任何分號。例如

正確 錯誤
elem.style.color = 'red'; elem.style.color = 'red;'

函式

函式可能會出現各種問題。

最常見的錯誤之一是聲明瞭函式,但沒有在任何地方呼叫它。例如

js
function myFunction() {
  alert("This is my function.");
}

這段程式碼不會執行任何操作,除非您使用以下語句呼叫它

js
myFunction();

函式作用域

請記住,函式有自己的作用域——您無法從函式外部訪問在函式內部設定的變數值,除非您將變數宣告為全域性變數(即不在任何函式內部),或者從函式中返回該值

return 語句之後的程式碼執行

還要記住,當您從函式返回時,JavaScript 直譯器會退出函式——return 語句之後的任何程式碼都不會執行。

事實上,一些瀏覽器(如 Firefox)會在開發者控制檯中給出錯誤訊息,如果您在 return 語句之後有程式碼。Firefox 會給出“unreachable code after return statement”(return 語句後不可達程式碼)的錯誤。

物件表示法與普通賦值

當您在 JavaScript 中正常賦值時,您會使用單個等號,例如

js
const myNumber = 0;

但是,在使用物件時,您需要注意使用正確的語法。物件必須用大括號括起來,成員名必須用冒號與它們的值分隔,成員之間必須用逗號分隔。例如

js
const myObject = {
  name: "Chris",
  age: 38,
};

基本定義

基本用例

通用

變數

Math

字串

陣列

除錯 JavaScript

有關 JavaScript 除錯的更多資訊,請參閱 JavaScript 除錯和錯誤處理。此外,請參閱 其他常見錯誤,瞭解常見錯誤的描述。

程式碼中的決策制定

迴圈/迭代

中級用例

函式

物件

JSON

事件

面向物件的 JavaScript

Web API