解決 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會提示“return語句之後的程式碼無法訪問”。

物件表示法與普通賦值

在JavaScript中，當你正常賦值時，使用單個等號，例如：

js
const myNumber = 0;

但是，對於物件，你需要注意使用正確的語法。物件必須用花括號括起來，成員名稱必須使用冒號與值分隔，並且成員之間必須用逗號分隔。例如：

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

基本定義

基本用例

通用

變數

數學

字串

陣列

除錯JavaScript

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

在程式碼中做出決策

迴圈/迭代

中級用例

函式

物件

JSON

事件

面向物件的JavaScript

Web API