变量提升:
使用 var 操作符定义的变量会成为包含它的函数的局部变量,同时这个变量会自动提升到函数作用域顶部。
function foo() {
console.log(age);
var age = 25;
}
foo(); //undefined
之所以不会报错,是因为 ECMAScript 运行时把它看成等价于如下代码:
function foo() {
var age;
console.log(age);
age = 26;
}
foo(); //undefined
函数提升:
JavaScript 引擎在任何代码执行之前,会先读取函数声明,并在执行上下文中生成函数定义。(函数表达式必须等到代码执行到它那一行),这个过程叫做函数声明提升。(函数提升比变量提升更靠前)
console.log(sum(10, 10));
function sum (num1, num2) {
return num1 + num2;
} //20
结合变量提升和函数提升:
var a = true;
foo();
function foo() {
if(a) {
var a = 10;
}
console.log(a);
}
上面例子的结果是 undefined。这段代码实际执行的样子:
function foo() {
var a;
if(a) {
a = 10;
}
console.log(a);
}
var a;
a = true;
foo();
再看一个:
foo();
var foo = function() {
console.log("var");
}
foo();
function foo() {
console.log("function");
}
foo();
结果是 function var var。
function foo(){...} 被移到了顶端,所以第一个 foo() 输出的是 function,而执行到 var foo(){...} 时,此处覆盖了先前的 foo(),所以后面输出了两个 var。