Javascript中变量范围和hoist现象

这个还是自己记一下，在以下这篇文章中也有很好的讲解
http://www.kenneth-truyers.net/2013/04/20/javascript-hoisting-explained/

Javascript中没有block scope，只有函数和全局两个范围。
在函数中部声明的变量会被隐式的提升(hoist)到函数头部，比如以下代码

function test() {
    alert(a); // undefined, 注意不是ReferenceError
    while (true) {
        var a = 5;
        break;
    }
    alert(a); // 5
}
test();

这里能两个都能alert出来没有错误是因为，这段代码等同于如下代码

function test() {
    var a; // 把函数中所有局部变量的声明都提升到头部
    alert(a);
    while (true) {
        a = 5;
        break;
    }
    alert(a);
}
test();

这里就要非常小心这种被隐式提升的局部变量和全局变量的一些冲突了，比如下面这段代码

var bird = 'sparrow';
function test() {
    if (typeof bird === 'undefined') {
        var bird = 'pigeon';
    } 
    alert(bird); // pigeon
}
test();

很奇怪吧为什么alert出来是pigeon而不是sparrow, 因为局部变量bird把全局变量遮盖了。而在if语句之前，局部变量bird确实是undefined。
不得不说这很tricky。

顺便有个网站能在线执行js，http://jsfiddle.net。
不过一直没发现有好的js的解释器和调试器，在浏览器里弄略蛋疼。

您可能感兴趣的文章：
Javascript中变量范围和hoist现象
Python变量作用域
Servlet中监听器介绍
jQuery面向对象的开发模式
python is和==的区别有哪些
PHP,JScript和VBScript函数和类的语法
JavaScript中的Number对象
有关php全局变量适用范围的分析
asp.net中的application, cache对比
php中传值与传引用的区别是什么