javascript
JavaScript要点 (二) 使用误区
賦值運(yùn)算符應(yīng)用錯(cuò)誤
注：賦值語(yǔ)句返回變量的值。
在 JavaScript 程序中如果你在 if 條件語(yǔ)句中使用賦值運(yùn)算符的等號(hào) (=) 將會(huì)產(chǎn)生一個(gè)錯(cuò)誤結(jié)果, 正確的方法是使用比較運(yùn)算符的兩個(gè)等號(hào) (==)。
if?條件語(yǔ)句返回?false?(是我們預(yù)期的)因?yàn)?x 不等于 10:
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 0; 6 document.getElementById("demo").innerHTML = Boolean(x == 10); 7 </script> 8 9 </body>?
if?條件語(yǔ)句返回?true?(不是我們預(yù)期的)因?yàn)闂l件語(yǔ)句執(zhí)行為 x 賦值 10，10 為 true:
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 0; 6 document.getElementById("demo").innerHTML = Boolean(x = 10); 7 </script> 8 9 </body>if?條件語(yǔ)句返回?false?(不是我們預(yù)期的)因?yàn)闂l件語(yǔ)句執(zhí)行為 x 賦值 0，0 為 false:
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 0; 6 document.getElementById("demo").innerHTML = Boolean(x = 0); 7 </script> 8 9 </body>?
?
比較運(yùn)算符常見(jiàn)錯(cuò)誤
在常規(guī)的比較中，數(shù)據(jù)類型是被忽略的，以下 if 條件語(yǔ)句返回 true：
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 10; 6 var y = "10"; 7 document.getElementById("demo").innerHTML = Boolean(x == y); 8 </script> 9 10 </body>在嚴(yán)格的比較運(yùn)算中，=== 為恒等計(jì)算符，同時(shí)檢查表達(dá)式的值與類型，以下 if 條件語(yǔ)句返回 false：
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 10; 6 var y = "10"; 7 document.getElementById("demo").innerHTML = Boolean(x === y); 8 </script> 9 10 </body>這種錯(cuò)誤經(jīng)常會(huì)在 switch 語(yǔ)句中出現(xiàn)，switch 語(yǔ)句會(huì)使用恒等計(jì)算符(===)進(jìn)行比較:
以下實(shí)例會(huì)執(zhí)行 alert 彈窗：
1 <body> 2 3 <p id="demo"></p> 4 <script> 5 var x = 10; 6 switch(x) { 7 case 10: alert("Hello"); 8 } 9 </script> 10 11 </body>以下實(shí)例由于類型不一致不會(huì)執(zhí)行 alert 彈窗：
<body><p id="demo"></p> <script> var x = 10; switch(x) {case "10": alert("Hello"); } </script></body>?
加法與連接注意事項(xiàng)
加法是兩個(gè)數(shù)字相加。
連接是兩個(gè)字符串連接。
JavaScript 的加法和連接都使用 + 運(yùn)算符。
接下來(lái)我們可以通過(guò)實(shí)例查看兩個(gè)數(shù)字相加及數(shù)字與字符串連接的區(qū)別：
1 var x = 10 + 5; // x 的結(jié)果為 15 2 var x = 10 + "5"; // x 的結(jié)果為 "105" 使用變量相加結(jié)果也不一致: 1 var x = 10; 2 var y = 5; 3 var z = x + y; // z 的結(jié)果為 15 4 5 var x = 10; 6 var y = "5"; 7 var z = x + y; // z 的結(jié)果為 "105"?
?
浮點(diǎn)型數(shù)據(jù)使用注意事項(xiàng)
JavaScript 中的所有數(shù)據(jù)都是以 64 位浮點(diǎn)型數(shù)據(jù)(float)?來(lái)存儲(chǔ)。
所有的編程語(yǔ)言，包括 JavaScript，對(duì)浮點(diǎn)型數(shù)據(jù)的精確度都很難確定：
1 var x = 0.1; 2 var y = 0.2; 3 var z = x + y // z 的結(jié)果為 0.3 4 if (z == 0.3) // 返回 false我解決以上問(wèn)題，可以用整數(shù)的乘除法來(lái)解決：
var z = (x * 10 + y * 10) / 10; // z 的結(jié)果為 0.3?
JavaScript 字符串分行
JavaScript 運(yùn)行我們?cè)谧址惺褂脭嘈姓Z(yǔ)句:
var x = "Hello World!";但是，在字符串中直接使用回車換行是會(huì)報(bào)錯(cuò)的：
1 var x = "Hello 2 World!";字符串?dāng)嘈行枰褂梅葱备?\)，如下所示:
1 var x = "Hello \ 2 World!";?
錯(cuò)誤的使用分號(hào)
以下實(shí)例中，由于分號(hào)使用錯(cuò)誤，if 語(yǔ)句中的代碼塊將無(wú)法執(zhí)行：
1 if (x == 19); 2 { 3 // code block 4 }?
數(shù)組中使用名字來(lái)索引
許多程序語(yǔ)言都允許使用名字來(lái)作為數(shù)組的索引。
使用名字來(lái)作為索引的數(shù)組稱為關(guān)聯(lián)數(shù)組(或哈希)。
JavaScript 不支持使用名字來(lái)索引數(shù)組，只允許使用數(shù)字索引。
1 var person = []; 2 person[0] = "John"; 3 person[1] = "Doe"; 4 person[2] = 46; 5 var x = person.length; // person.length 返回 3 6 var y = person[0]; // person[0] 返回 "John"在 JavaScript 中,?對(duì)象?使用?名字作為索引。?
如果你使用名字作為索引，當(dāng)訪問(wèn)數(shù)組時(shí)，JavaScript 會(huì)把數(shù)組重新定義為標(biāo)準(zhǔn)對(duì)象。
執(zhí)行這樣操作后，數(shù)組的方法及屬性將不能再使用，否則會(huì)產(chǎn)生錯(cuò)誤:
1 var person = []; 2 person["firstName"] = "John"; 3 person["lastName"] = "Doe"; 4 person["age"] = 46; 5 var x = person.length; // person.length 返回 0 6 var y = person[0]; // person[0] 返回 undefined?
定義數(shù)組元素，最后不能添加逗號(hào)
1 錯(cuò)誤的定義方式： 2 websites = {site:"", url:"m", like:460,} 3 正確的定義方式： 4 websites = {site:"", url:"m", like:460}?
Undefined 不是 Null
在 JavaScript 中,?null?用于對(duì)象,?undefined?用于變量，屬性和方法。
對(duì)象只有被定義才有可能為 null，否則為 undefined。
如果我們想測(cè)試對(duì)象是否存在，在對(duì)象還沒(méi)定義時(shí)將會(huì)拋出一個(gè)錯(cuò)誤
錯(cuò)誤的使用方式： if (myObj !== null && typeof myObj !== "undefined") 正確的方式是我們需要先使用 typeof 來(lái)檢測(cè)對(duì)象是否已定義： if (typeof myObj !== "undefined" && myObj !== null)?
程序塊作用域
在每個(gè)代碼塊中 JavaScript 不會(huì)創(chuàng)建一個(gè)新的作用域，一般各個(gè)代碼塊的作用域都是全局的。 以下代碼的的變量 i 返回 10，而不是 undefined： for (var i = 0; i < 10; i++) {// some code } return i;?
?
轉(zhuǎn)載于:https://www.cnblogs.com/tig666666/p/5916510.html
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的JavaScript要点 (二) 使用误区的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 不同时间戳总结
- 下一篇： gradle idea java ssm