JavaScript是一種簡單易用的腳本語言，但是它也容易犯錯。下載一個錯解壓縮的JavaScript庫或書寫錯誤的語法都可能導(dǎo)致程序掛掉或行為異常。在這篇文章中，我們將重點介紹一些常見的 JavaScript 錯誤和如何避免它們。

錯誤1：變量沒有聲明

console.log(name);   // ReferenceError: name is not defined

這個錯誤通常發(fā)生在變量沒有被聲明的時候。在使用變量之前，要確保已經(jīng)被聲明并賦值。如果你想在一個 JavaScript 函數(shù)中共享變量，請使用 var 來聲明。如果你在 ES6 中使用 let 或 const ，它們只在聲明它們的塊級作用域內(nèi)可用。

錯誤2：對象沒有引用

var person;
	person.firstName = "John";   // TypeError: Cannot set property 'firstName' of undefined

在訪問一個對象的屬性之前，你必須確保它已經(jīng)被聲明和分配了值。

錯誤3：異步模式

function fetchData(callback){
http.get(url, function(response) {
response.pipe(concat(function(data) {
callback(data);
}));
});
	}
fetchData(function(data){
console.log(data);
	});

上面的代碼很常見：它從一個 URL 中抓取數(shù)據(jù)，然后當(dāng)數(shù)據(jù)正在被處理時調(diào)用回調(diào)函數(shù)。問題在于，如果 fetchData 函數(shù)中發(fā)生錯誤，你無法通過 catch 來捕獲它。要解決這個問題，可以使用異步函數(shù)或 promise 函數(shù)。

錯誤4：使用 == 操作符

0 == ""; // true
	true == 1; // true

不要使用雙等號（==）操作符。這個操作符會強制轉(zhuǎn)換兩個操作數(shù)的類型。例如，0 == ''會被認為是 true，這顯然是錯誤的。相反，使用三等號（===）操作符，它不會強制類型轉(zhuǎn)換。

錯誤5：使用 for … in 循環(huán)遍歷數(shù)組

var numbers = [1, 2, 3];
	for (var number in numbers) {
console.log(number);
	}
/* Output:
0
1
2
	*/

不要使用 for … in 循環(huán)遍歷數(shù)組。這種方式遍歷數(shù)組時會讓索引變成字符串類型，可能導(dǎo)致無法按預(yù)期工作。相反，使用 for 循環(huán)。

錯誤6：不是使用 let 和 const

添加變量到全局語句是一種常見的 JavaScript 錯誤。這通常發(fā)生在開發(fā)人員忘記聲明變量時。使用 var 聲明變量可能會很棘手，因為它是函數(shù)級別的，而不是塊級別的。在 ES6 中，let 和 const 關(guān)鍵字添加了塊級作用域的語言功能。

錯誤7：使用 eval()

eval("console.log('hello')");

避免使用 eval()。它是一種優(yōu)雅的方式將文本轉(zhuǎn)換為 JavaScript 代碼，并在當(dāng)前的作用域中執(zhí)行它。但是，由于它可以從任何地方執(zhí)行文本，因此極易被黑客利用。如果你需要計算表達式或執(zhí)行動態(tài)代碼，請嘗試使用 Function() 構(gòu)造函數(shù)或更好的替代方案。

錯誤8：忘記 Semicolon

忘了加分號是一個非常常見的 JavaScript 錯誤。盡管它在某些情況下可以被省略，但要養(yǎng)成習(xí)慣，確保每個語句末尾都加上分號。這將有助于避免將兩個語句錯誤地合并為一個。

總結(jié)

本文介紹了一些常見的 JavaScript 錯誤以及如何避免它們。這些似乎非常基礎(chǔ)的錯誤，但它們經(jīng)常發(fā)生并且會使你的程序掛掉。當(dāng)你遇到一個新的錯誤時，不要驚慌。查看控制臺或調(diào)試器，嘗試找出問題，并修復(fù)它。這樣，就可以令你的代碼越來越健壯并且運行得更好。