关于Javascript的有趣的3个小知识
写这篇BLOG可能会让你觉得我在自我YY,如果你已经知道了这些小知识,就当是再次温习,或者是小笑料吧,当我看到这些关于JS的知识时,对JS的有趣露出了会心的微笑。
1.首先,关于变量类型。猜猜下面一段JS代码的结果是什么?
var a;
document.write(a);
document.write(typeof(a));
答案是undefined,在JS中,undefined值是声明了但是没有赋值的变量的初始值,然而这个变量也有自己的类型typeof,那就是undefined。当然,如果你对一个function进行typeof的话,猜猜结果是什么?对,就是function。JS的口号就是“我就是我”
2.关于函数的重载。继续,先猜结果:
function myFunction (a){
return "Hello";
}
function myFunction (){
return "World";
}
var myResult = myFunction("aValue");
document.write(myResult);
答案是World。原因是JS不支持函数重载,对于同名函数来说,有效的永远只是后来载入的那个。这个叫什么呢,“一山不容二虎”
3.关于变量和函数。先找出以下代码不合理的地方
function myFunction(){
return "Hello";
}
var myFunction = 10;
var myResult = myFunction();
document.write(myResult);
答案是什么?你会说是Hello么?对不起。我们的浏览器报错了- -!,原因是当我们var myFunction = 10;的时候,myFunction由函数变成了一个数字型的变量。啊,不会吧?正如我们前面所说的,所谓函数其实是一种typeof为function的变量,所以在JS中最好不要把函数和变量重名,否则会产生意想不到的冲突。
BTW:刚才特意测试了下,原来Firefox真的不支持outerHTML和innerText,还好支持innerHTML