所以,先有声明,再有赋值和执行,这就是变量和函数的声明提升。
二、函数声明优先于变量声明;
var foo = "bar";
function foo() {
}
typeOf(foo); // string
var foo = "bar";
function foo() {
}
typeOf(foo); // string无论函数声明放在变量声明前,还是后,变量声明都覆盖了函数声明。
三、每个域都会进行声明提升
以下代码会输出 10,是为什么呢?
var foo = 1;
function bar() {
if (!foo) {
var foo = 10;
}
alert(foo);
}
bar();因为:
每个域都会进行声明提升。
上面代码相当于:
var foo = 1;
function bar() {
var foo = undefined;
if (!foo) { // !foo === true
var foo = 10;
}
alert(foo);
}
bar();四、函数表达式不会声明提升
首先,什么是函数表达式?
// 函数声明
function foo() {
console.log("函数声明");
}
// 函数表达式
var foo = function() {
console.log("函数表达式");
}函数表达式,不会声明提升,所以:
foo(); // Uncaught TypeError: foo is not a function
// 函数表达式
var foo = function() {
console.log("函数表达式");
}总结
JavaScript 中存在一种声明提升的机制,有变量声明和函数声明。JS 引擎会在编译阶段查找每个作用域的声明,而赋值和运算则在执行时进行。
函数定义分为函数声明和函数表达式,其中,函数声明有声明提升,函数表达式则没有。