JavaScript语法中常见的圈套

JavaScript语法中常见的陷阱
即使你是一位经验丰富的Web开发人员，也可能被某个小问题而陷入几个小时的沉思
下面看一下九种常见的陷阱
1.区分大小写
创建的所有函数和变量都是区分大小写的
也就是说function myFunction() {}和function MyFunction() {}是不一样的
2.单引号与双引号
单引号(‘字符串’)和双引号(“字符串”)在JavaScript中没有特殊的区别，都可以用来创建字符串。但作为一般性的原则，大多数Web开发人员使用单引号
3.换行
不论你使用哪种引号来创建字符串，字符串中间都不能包含强制换行符号：

var html = ‘<h2 class=”a”>A list!</h2><ol><li class = “a”>Foo</li><li class = “a”>Bar</li></ol>’;

如果这样做的话，会导致解析错误，因为换行符被解释为分号，如果你想告诉浏览器这是一个完整的html的话，就得通过反斜杠来转义换行符

var html = ‘<h2 class=”a”>A list!</h2>\<ol>\<li class = “a”>Foo</li>\<li class = “a”>Bar</li>\</ol>’;

如果使用第三方压缩工具来压塑代码的话，上面这种方法也是会出现问题的，我们还有另外一种方案就是使用字符串操作符(+)并将每一行用引号括起来：

var html = ‘<h2 class=”a”>A list!</h2>\+ ‘<ol>’+’<li class = “a”>Foo</li>’+’<li class = “a”>Bar</li>’+’</ol>

’;
4.可选的分号和花括号
用分号来结束一行代码并不是必须的

alert(‘hello’)alert(‘world’)

等同于

alert(‘hello’);alert(‘world’);

但是如果是有逻辑关系的话，就不能这样等同了

if(a==b)alert(‘true!’)alert(‘false?’)

不同于

if(a==b) {alert(‘true!’);}alert(‘false?’);

5.重载(并非真正的重载)
JavaScript是不支持重载，我们这里将的更像是替换。
对于重载而言，假设有下面两个同名函数：

function myFunction(a,b) { alert(a+b);}function myFunction(a) {alert(a);}

在程序中根据参数的不同，会调用不同的函数来处理，但这在JavaScript是能实现的，对于JavaScript，它是不会考虑函数定义时的参数的，它会直接使用作用域链中最后定义的那个函数，也就是说相同的函数永远只存在一个实例i，所以当你创建自己的函数时，确保没有覆盖掉JavaScript核心元素，除非你希望那么做，假设，我们创建了如下函数:

function alert(message) {//LEO.$方法是我自己一个JS库中的方法LEO.$(‘messageBox’).appendChild(document.createTextNode(message));}

那么当调用alert时，浏览器并不会像往常那样提示一个信息，而是按照我新定义的alert函数来执行相应动作
6.函数的调用和引用(不带括号)

var fun1 = exampleFunction();var fun2 = exampleFunction;

发现上述的不同之处了吗？，区别在于fun2的exampleFunction没有圆括号，它对结果的影响极大，没有圆括号的话，fun2得到的是函数本身，而不是结果，我们就把fun2作为参数传递给其他方法
《AdvancED DOM Scripting Dynamic Web Design Techniques》

查看更多 下一篇