JavaScript中的声明提升(Hoisting )
原文:http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html
JavaScript中存在一种声明提升的现象,这种现象的例子如下:
var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar();//1 var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a);//1
原理:
由于变量提升,因此会在函数的最顶部进行变量和函数的声明,即声明提升。
举个例子来解释这种机制:
function foo() { if (false) { var x = 1; } return; var y = 1; }
上述代码的执行过程其实如下:
function foo() { var x, y; if (false) { x = 1; } return; y = 1; }
因此就造成了第一个例子中的现象。
另附声明提升的顺序:
1. 默认变量,例如this和arguments;
2. 函数的参数;
3. 函数的声明;
4. 变量的声明。