快捷導航

幫助避免錯誤的Javascript陷阱清單

更新時間：2009年05月31日 00:53:37 作者：

幫助避免錯誤的Javascript陷阱清單(Javascript Gotchas listed to help avoid mistakes)

翻譯講究"信\雅\達",我就談不上了.希望能把文章的意思不要弄錯就行.

編程的陷阱(gotcha)是指計算機系統(tǒng)中的意想不到的文檔特征而不是bug.這些陷阱使得初學者遠離javascript編程.在我看來,因為所有的瀏覽器都能運行javascript使得它是使用最廣泛的語言之一,但它也是最少人研究的.讓我們從一個基礎(chǔ)的示例開始.

1.浮點運算

這可能是挫敗一些對javascript不熟悉并準備執(zhí)行一些數(shù)學運算的人的主要原因.

<script>
alert(0.02 / 0.1); //0.19999999999999998
alert(1.14 * 100); //113.99999999999999 ;)
</script>

Math.round()就能在這里派上用場.

2.加號操作符的重載

"+"加號運算符即能做算術(shù)運算,又能夠做字符串的連接.如果正確的使用它是很便利的.讓我們看一看.

<script>
var msg, one="1";
msg = 2 + "1"; // msg = "21"
msg = 2 + one; // msg = "21"
msg = 1 + 1 + 1 + " musketeers"; // msg = "3 musketeers"
msg = "Bond " + 0 + 0 + 7; //msg = "Bond 007"
</script>

上述行為是因為這些運算都是從左到右執(zhí)行的.類型的轉(zhuǎn)換是基于其中的字符串或數(shù)字.

3.行尾插入分號

javascript 自動在行尾插入分號";",讓我們來看看這在一個簡單的示例中的情況.

<script>
function returnSame(a){
return //Inserts semi-colon to convert to return;
a //a becomes a; - Unreachable
}
alert(returnSame(2)); //Output is undefined
</script>

當在創(chuàng)建對象或使用對象的值的時候這個神奇的分號能使事情變得更復雜.

4.typeof操作符

typeof 是一個一元操作符,運算結(jié)果往往并不是如預期的那樣.令人吃驚的是對"null"的運算結(jié)果是"object"

<script>
var obj={}; //object created using object literal
var arr=[]; //array created by array literal
alert(typeof(obj)); //object - Good
alert(typeof(arr)); //object - Bad
alert(typeof(null)); //object - Ugly! ;)
</script>

它僅僅能查找對象的原始類型.

5. false, null, undefined, NaN, Infinity

盡管他們看起來相似,但他們代表著不通的意思.javascript有3種基本數(shù)據(jù)類型數(shù)字numbers, 字符串strings 和布爾 boolean,除此之外還有兩個不重要的數(shù)據(jù)類型"undefine"和"null".按照"=="運算符運算,null和undefine是相等的.

<script>
var a;
alert (a); //undefined
alert (1/0); //Infinity
alert (0/0); //NaN
0/0 == 0/0; //false - a NaN != NaN
alert (b); //error
</script>

6.字符串只替換第一個匹配的字符

與PHP或其他程序語言不同,默認情況下,javascript的字符替換只替換第一個出現(xiàn)的匹配的字符.

<script>
var nospace = "I dont need spaces".replace(" ","_");
alert(nospace); //I_dont need spaces - Only first occurence
var nospace = "I dont need spaces".replace(/ /g,"_");
alert(nospace); //I_dont_need_spaces
</script>

7.parseInt 函數(shù)

parseInt 用來將一個字符串轉(zhuǎn)換為整數(shù)類型.這個函數(shù)能傳入兩個參數(shù),第二個參數(shù)是指定多少進制的.這里十進制用 10 指定.如果沒有指定進制,則parseInt函數(shù)自己會試圖找到合適的進制.如果是這樣,以0開頭的字符串將會轉(zhuǎn)換為8進制.