简明现代魔法 -> JavaScript -> JavaScript 的编程陷阱

JavaScript 的编程陷阱

2010-01-02

编程的陷阱(gotcha)是指计算机系统中的意想不到的文档特征而不是bug。这些陷阱使得初学者远离javascript编程。在我看来,因为所有的浏览器都能运行javascript使得它是使用最广泛的语言之一,但它也是最少人研究的。让我们从一个基础的示例开始。

浮点运算

这可能是挫败一些对javascript不熟悉并准备执行一些数学运算的人的主要原因。

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

Math.round()就能在这里派上用场。

加号操作符的重载

“+”加号运算符即能做算术运算,又能够做字符串的连接。如果正确的使用它是很便利的。让我们看一看。

<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>  

上述行为是因为这些运算都是从左到右执行的。类型的转换是基于其中的字符串或数字。

行尾插入分号

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>  

当在创建对象或使用对象的值的时候这个神奇的分号能使事情变得更复杂。

typeof操作符

typeof 是一个一元操作符,运算结果往往并不是如预期的那样。令人吃惊的是对“null”的运算结果是“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>  

它仅仅能查找对象的原始类型。

false, null, undefined, NaN, Infinity

尽管他们看起来相似,但他们代表着不同的意思。javascript有3种基本数据类型数字numbers, 字符串strings 和布尔 boolean,除此之外还有两个不重要的数据类型“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>  

字符串只替换第一个匹配的字符

与PHP或其他程序语言不同,默认情况下,javascript的字符替换只替换第一个出现的匹配的字符。

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

parseInt 函数

parseInt 用来将一个字符串转换为整数类型。这个函数能传入两个参数,第二个参数是指定多少进制的。这里十进制用 10 指定。如果没有指定进制,则parseInt函数自己会试图找到合适的进制。如果是这样,以0开头的字符串将会转换为8进制。

<script>
var str = "017";
var strInt = parseInt(str); //strInt = 15  ;)
var strInt = parseInt(str,10); //strInt = 17
</script>  

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们