浅谈Javascript

Javascript 中的变量作用域问题

Js中的变量作用域问题：

1、没有块级作用域。Js中的变量作用域不是以{}为界的，不像C/C++/Java。

如：

1 if(true){
2     var name = "qqyumidi";
3 }
4             
5 alert(name);  // 结果：qqyumidi

Js会将在if中定义的变量添加到当前的执行环境中，尤其在使用for循环时需要注意与其他语言的差异。

1 for(var i=0; i<10; i++){
2     ;
3 }
4 
5 alert(i);   // 结果：10 

JavaScript的数据类型

1、Js数据类型

在Js中，有五种基本数据类型：Undefined、Null、Number、String和Boolean。还有一种复杂数据类型Object。Object本质上是由一组无序的名值对组成。Js中不支持自己所创建的任何类型机制，所有值最终都是以上六种类型之一。Undefined类型只有一个值undefined，Null类型只有一个值null，Boolean类型有两个值true和false。

2、判断变量的数据类型

可以通过typeof操作符在一定程度上检测变量数据类型。typeof是操作符范畴，而不是函数。typeof操作符返回的结果是一个变量数据类型相应的字符串表示形式，如：String类型则返回"string"，Boolean类型则返回"boolean"，Undefined类型则返回"undefined"，Null类型则返回"null"。typeof操作符返回的结果与Js数据类型并不完全一致，一共返回有六种结果，且其与数据类型对应关系如下：

Undefined => "undefined"
Null          =>  "object" (js认为null是对对象的空引用)

Number    =>  "number"
Boolean    =>  "boolean"
String       =>  "string"
Object      =>   "object" (除去函数)
               =>    "function" (函数)

由此可以看出，完全由typeof操作符来判断变量的数据类型是不可以的。同时对于Js中的变量，还存在如下情况：

1 var a;
2 alert(typeof a);  // result: "undefined"
3 alert(typeof b);  // result: "undefined"

如上例所示，对一个已经定义的变量但未初始化（其实本例中的var a等同于var a=undefined），和一个尚未定义的变量同时typeof的结果都是"undefined"，由此也可以看出如果需要判断变量数据类型是否是Undefined直接通过typeof操作符也是不严谨的。

对于未声明的变量，如果直接在程序中用到了，除了typeof操作为生命变量外，都会出现错误提示，因为变量尚未申明，是不能直接用的。

因此在判断变量是否为Undefined时，最好还是通过if(typeof varname == "undefined")形式，而不是直接通过if(varname == undefined)形式。

那么现在问题出来了，如何比较好的判断一个变量是未定义还是已经定义但尚未赋值呢？

JavaScript arguments对象

1、在JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。arguments非常类似Array，但实际上又不是一个Array实例。可以通过如下代码得以证实（当然，实际上，在函数funcArg中，调用arguments是不必要写成funcArg.arguments，直接写arguments即可）。

1 Array.prototype.testArg = "test";
2 function funcArg() {
3     alert(funcArg.arguments.testArg);  
4     alert(funcArg.arguments[0]);
5 }
6 
7 alert(new Array().testArg); // result: "test"
8 funcArg(10);                // result: "undefined"  "10"

2、arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是其与arguments对象内存空间并不重叠。对于arguments和值都存在的情况下，两者值是同步的，但是针对其中一个无值的情况下，对于此无值的情形值不会得以同步。如下代码可以得以验证。

 1 function f(a, b, c){
 2     alert(arguments.length);   // result: "2"
 3     a = 100;
 4     alert(arguments[0]);       // result: "100"
 5     arguments[0] = "qqyumidi";
 6     alert(a);                  // result: "qqyumidi"
 7     alert(c);                  // result: "undefined"
 8     c = 2012;
 9     alert(arguments[2]);       // result: "undefined"
10 }
11 
12 f(1, 2);

3、由JavaScript中函数的声明和调用特性，可以看出JavaScript中函数是不能重载的。

根据其他语言中重载的依据："函数返回值不同或形参个数不同"，我们可以得出上述结论：

第一：Javascript函数的声明是没有返回值类型这一说法的；

第二：JavaScript中形参的个数严格意义上来讲只是为了方便在函数中的变量操作，实际上实参已经存储在arguments对象中了。

另外，从JavaScript函数本身深入理解为什么JavaScript中函数是不能重载的：在JavaScript中，函数其实也是对象，函数名是关于函数的引用，或者说函数名本身就是变量。对于如下所示的函数声明与函数表达式，其实含以上是一样的（在不考虑函数声明与函数表达式区别的前提下），非常有利于我们理解JavaScript中函数是不能重载的这一特性。

 1 function f(a){
 2     return a + 10;
 3 }
 4 
 5 function f(a){
 6     return a - 10;
 7 }
 8 
 9 // 在不考虑函数声明与函数表达式区别的前提下，其等价于如下
10 
11 var f = function(a){
12     return a + 10;
13 }
14 
15 var f = function(a){
16     return a - 10;
17 }

4、arguments对象中有一个非常有用的属性：callee。arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

如下：

1 function count(a){
2     if(a==1){
3         return 1;
4     } 
5     return a + arguments.callee(--a);
6 }
7 
8 var mm = count(10);
9 alert(mm);

文章部分素材取自 :  http://www.cnblogs.com/lwbqqyumidi/archive/2012/07/12/2587903.html

http://www.cnblogs.com/lwbqqyumidi/archive/2012/12/02/2798616.html