欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

10個(gè)在JavaScript開發(fā)中常遇到的BUG

 更新時(shí)間：2017年12月18日 10:16:08   投稿：laozhang  
給大家詳細(xì)著整理了在JavaScript開發(fā)中大家經(jīng)常遇到的BUG和問題，需要的朋友參考學(xué)習(xí)下吧。

就算最牛的JavaScript開發(fā)者也會(huì)犯錯(cuò)。有時(shí)候?qū)е鲁绦虻膱?zhí)行結(jié)果和預(yù)期不一樣，有時(shí)候根本無法運(yùn)行。這里我總結(jié)了10個(gè)常見的錯(cuò)誤，我相信不管是初級(jí)還是資深開發(fā)者都可能遇到。

相等混淆

x是否和y相等？x是否為真？在JavaScript中，如何正確地做相等判斷很重要，但似乎很多人搞不清楚。簡單概括一下，主要是下面三種情況：條件判斷(if, &&, etc.)，相等操作符(==)，和嚴(yán)格相等操作符(===)。

甚至，有的時(shí)候會(huì)不小心把賦值(=)當(dāng)做相等操作符使用，千萬不要搞錯(cuò)了！

避免使用賦值(=)

賦值(=)將右邊的表達(dá)式賦值給左邊的變量，例如：

var a = 3;

該語句聲明了一個(gè)新的變量a，值為3。

表達(dá)式可以是程序中的任何東西，想象把它類比為語言中的名詞，操作符(+,-,*,/)類比為動(dòng)詞。初學(xué)者一個(gè)常見的錯(cuò)誤就是誤用賦值(=)作為相等判斷符。

if (a=4){...}

代碼并不會(huì)像預(yù)期的執(zhí)行那樣。

慎用相等操作符

相等操作符(==)和他的雙胞胎不等操作符(!=)非常好用，但也很危險(xiǎn)，盡量少用。接下來介紹為什么：

0 == '0'

在相等符號(hào)下，0和0是相等的！因?yàn)榻忉屍靼l(fā)現(xiàn)左右類型不一致，首先做了隱式類型轉(zhuǎn)換。這會(huì)導(dǎo)致各種各樣的問題，然后一出錯(cuò)還很難找到問題原因。

如果你真的想判斷一個(gè)字符串包含的數(shù)字和某個(gè)數(shù)字是否真的相同，建議你這么做：

parseInt(0) === parseInt('0')

所以，建議使用嚴(yán)格相等/不等操作符。

0 === '0'

會(huì)返回false。

丟失的大括號(hào)

當(dāng)程序變得復(fù)雜，特別是如果你使用JavaScript對(duì)象來存儲(chǔ)數(shù)據(jù)的話，大括號(hào)會(huì)越來越多。下面是一段代碼，但是少了一個(gè)大括號(hào)：

{
 “status”: “OK”,
 “results”: [{
 “id”: 12,
 “title”: “Coding JavaScript For Dummies”,
 “author”: “Chris Minnick and Eva Holland”,
 “publication_date”: ““,
 “summary_short”: ““,
 “l(fā)ink”: {
 “type”: “review”,
 “url”: ““,
 “l(fā)ink_text”: “Read the New York Times Review 
of Coding JavaScript For Dummies”
 },
 “awards”: [{
 “type”: “Nobel Prize”,
 “url”: ““,
 }]
}

你能看出來哪里少了東西嗎？當(dāng)不確定的時(shí)候，一個(gè)好的編輯器將會(huì)非常有用。Sublime Text有一個(gè)很不錯(cuò)的功能，當(dāng)你把光標(biāo)放在某個(gè)大括號(hào)的時(shí)候，和它匹配的大括號(hào)會(huì)高亮出來。

不匹配的引號(hào)

在定義字符串的時(shí)候，你可以自由使用單引號(hào)或則雙引號(hào)。但是，如果一個(gè)字符串單引號(hào)開始，雙引號(hào)結(jié)束就不行了。而且你需要注意本身字符串中的單引號(hào)或則雙引號(hào)。

var movieName = “Popeye'; // error!
var welcomeMessage = ‘Thank you, ‘ + firstName + ‘, let's learn JavaScript!' // error!

總的來說，個(gè)人認(rèn)為是一個(gè)非常靈活且好用的功能，但是一定要小心！

缺少必要的圓括號(hào)

該錯(cuò)誤往往在條件語句出錯(cuò)處，特別是有多個(gè)條件的時(shí)候。

if (x > y) && (y < 1000) {
...
}

如果你注意看，會(huì)發(fā)現(xiàn)少了括號(hào)，正確的應(yīng)該是這樣：

if ((x > y) && (y < 1000)) {
...
}

缺少分號(hào)

JavaScript中的語句都應(yīng)該分號(hào)結(jié)束。但如果這些語句各自占一行，那么你不寫分號(hào)也沒關(guān)系。不過不建議使用，因?yàn)闀?huì)有潛在問題。如果你使用自動(dòng)代碼美化工具可能錯(cuò)誤的將不同行的代碼合并而出錯(cuò)。

最好的策略是都要加分號(hào)。

大寫錯(cuò)誤

JavaScript對(duì)大小寫敏感，你需要對(duì)變量和函數(shù)的命名小心，不能把大小寫搞錯(cuò)了。比如，Document對(duì)象的getElementById函數(shù)經(jīng)常被寫錯(cuò)為getElementByID。

在加載前引用

JavaScript的代碼通常是按順序執(zhí)行，如果你引用了后面才創(chuàng)建的元素將會(huì)報(bào)錯(cuò)。

<html>
<head>
 <script>
 document.getElementById(“myDiv”).innerHTML = “This div is my div”;
 </script>
</head>
<body>
 <div id = “myDiv”>This div is your div.</div>
</body>
</html>

在腳本執(zhí)行的時(shí)候，瀏覽器還不知道m(xù)yDiv是什么。

避免這個(gè)問題的方法有很多：

將代碼放到最后，也就是</body>后面

將代碼放到函數(shù)中，并且和body的onload綁定。

<html>
<head>
 <script>
 function nameMyDiv() {
 document.getElementById(“myDiv”).innerHTML = “This div is my div”;
 }
 </script>
</head>
<body onload = “nameMyDiv();”>
 <div id = “myDiv”>This div is your div</div>
</body>
</html>

濫用保留字做變量名

一個(gè)很難被追蹤的問題就是使用保留字做變量名。JavaScript中有超過60個(gè)保留字。當(dāng)然，你不可能都把它們記住來避免使用。最好的方法就是使用更加具有描述性的字符來命名變量。

舉個(gè)例子，name是一個(gè)保留字。如果你喜歡用name，那么最好細(xì)化，比如firstName，lastName，dogName和nameOfTheWind。

作用域問題

JavaScript中有函數(shù)作用域和全局作用域。如果你沒有使用var關(guān)鍵字來聲明，那么它是全局的。為了確保不同作用域的安全隔離，建議使用var。譯者補(bǔ)充：建議使用let，更加安全，可參考本文：ES6之”let”能替代”var”嗎?。

函數(shù)調(diào)用缺少參數(shù)

在JavaScript中，在函數(shù)調(diào)用的時(shí)候少了幾個(gè)參數(shù)，有時(shí)候并不會(huì)出錯(cuò)，但可能達(dá)不到預(yù)期的執(zhí)行結(jié)果。所以，確保你傳入了足夠的函數(shù)參數(shù)。

從0開始

永遠(yuǎn)不要忘記數(shù)組是從0開始。

var myArray = new Array();
myArray[10] = “List of 10 Common Mistakes”;
myArray.length; // 輸出11!

 

相關(guān)文章

最新評(píng)論