Java Script 读书笔记 (三) 函数

1. 函数作用域

在函数内部定义的变量，外部无法读取，称为“局部变量”（local variable）。

变量v在函数内部定义，所以是一个局部变量，函数之外就无法读取。

函数内部定义的变量，会在该作用域内覆盖同名全局变量。

 var v=1;
 function f(){
    var v=2;
    console.log(v);
 }

 f() //
 v  //

注意，对于var命令来说，局部变量只能在函数内部声明，在其他区块中声明，一律都是全局变量。

 if (true){
    var x=5;
 }
 console.log(x);  //

上面代码中，变量x在条件判断区块之中声明，结果就是一个全局变量，可以在区块之外读取。

2. 函数内部的变量提升

与全局作用域一样，函数作用域内部也会产生“变量提升”现象。var命令声明的变量，不管在什么位置，变量声明都会被提升到函数体的  头部。

 function foo(x){
   if (x>100){
       var tmp = x -100;
    }
 }

 //上面的代码等同于

 function foo(x){
    var tmp;
    if (x>100){
        tmp -x -100;
    };
 }

3. 函数本身的作用域

函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在的作用域无关。

 var a=1;
 var x =function(){
      console.log(a);
 };

 function f(){
     var a=2;
     x();
 }
 f() //

上面的代码中， 函数x是在函数f的外部声明的，所以它的作用域绑定外层，内部变量a不会到函数f体内取值，所以输出1，而不是2.

4. 默认值

通过下面的方法， 可以为函数的参数设置默认值。

 function f(a){
    a=a||1;
    return a;
 }

 f("") //
 f(0) //

上面代码的||表示 “或运算”，即如果a有值，则返回a, 否则返回事先设定的默认值。
   这种写法会对a进行一次布尔运算， 只有为true时，才会返回a. 可是， 除了undefined以外，0、空字符、null等的布尔值也是false.也就是说，在上面的函数中，不能让a等于0或者空字符串， 否则在明明有参数的情况下，也会返回默认值 。为了避免这个问题， 可以采用下面更精确的写法.

 function f(a){
    (a!== undefined && a!==null)? a=a:a=1;
    return a;
 }

 f() //
 f("") // ""
 f(0) //

5. 传递方式

传值传递 (passes by value): 函数参数是原始类型的值（Int,String,Boolean...), 在函数体内修改参数值，不会影响到函数外部。

传址传递 （pass by reference) : 函数参数是复合类型的值（数组，对象，其他函数),在函数内部修改参数，将会影响到原始值。

 var obj={p:1};
 function f(0){
     o.p=2;
 |
 f(obj);
 obj.p //

上面代码中， 传入函数f的是参数对象obj的地址，因此，在函数内部修改obj的属性p,会影响到原始值。

注意，如果函数内部修改的，不是参数对象的某个属性， 而是替换掉整个参数，这时不会影响到原始值，例:

 var obj=[1,2,3];
 function f(0){
   o=[2,3.4];
 }
 f(obj);

 obj //[1,2,3]

上面代码中， 在函数f内部，参数对象obj被整个替换成另一个值，这时不会影响到原始值，因为形式参数（o）与实际参数obj存在一个赋值关系。

如果需要对某个原始类型的变量， 获取传址传递的效果，可以将它写成全局对象的属性：

 var a=1;
 function f(p){
    window[p] =2;
 }
 f("a");

 a//

上面代码中， 变量a本来是传值传递，但是写成window对象的属性，就达到了传址传递的效果。

6. 同名参数

如果有同名的参数，则取最后出现的那个值。例:

 function f(a,a){
     console.log(a);
 }
 f(1,2) //

即使后面的a没有值或被省略，也是以其为准.

 function f(a,a){
     console.log(a);
 }
 f(1) // undefined

调用函数f的时候，如果没有提供第二个参数，a的取值就变成了undefined.这时， 如果要获得第一个a的值，可以使用arguments对象。

 function f(a,a){
      console.log(arguments[0]);
 }
 f(1) //