JavaScript基础回顾

一、函数的作用域和声明提升

 A.函数的作用域

//函数的作用域
var color = "blue";
function changeColor(){
    var anotherColor = "red";
    function swapColors(){
         var tempColor = anotherColor; //red
         anotherColor = color; //blue
         color = tempColor; //red
         // 这里面可以访问到 color, anotherColor, tempColor
    }
    // 这里只能访问到 anotherColor、全局变量color,不能访问tempColor
    swapColors();
}
// 这里只能访问到color
changeColor();

 

B.声明的提升

Javascript-block-scop<块级作用域>针对于function-scop
使用if语句的块级作用域声明的变量在外部是可以访问的

function test(obj){
    var i = obj;                        //i在整个函数体内均是有定义的
    if (typeof obj == 'object') {       //块级作用域
        var j = obj;                    //i在函数体内是有定义的，不仅仅在这个代码段内   
        for (var k = 0; k < 10; k++) {  
            console.info(k);            //输出数字0-9
        };
        console.info(k);                //k已经定义了输出10
    };

    console.info(j);                    //j已经定义了但可能没有初始化
}
test({name : 'object'});

函数体内声明的变量j被提升至函数的顶部，变量的赋值是在执行的时候完成的

var scop = 'global';
function fn(){
    console.info(scop);  
    var scop = 'local scop'; //内部的声明变量提升到函数的顶部
}
//猜想结果 local scope
//实际结果 undefined
    
//等价于===>>
var scop = 'global';
function fn(){
    var scop;  //声明一个变量
    console.info(scop);  //变量存在, 变量默认值为undefined 
    scop = 'local scop'; //赋值
    console.info(scop);  //local scop
}

参考资料 

JavaScript 高级程序设计

JavaScript 权威指南 

http://www.cnblogs.com/jesse2013/p/the-essence-of-javascript-you-have-to-know-part2.html