js中函数

函数声明和变量声明都会被提升。但是一个值得注意的细节(这个细节可以出现在有多个
“重复”声明的代码中)是函数会首先被提升,然后才是变量。

考虑以下代码:
foo(); // 1
var foo;
function foo() {
console.log( 1 );
}
foo = function() {
console.log( 2 );
};
会输出 1 而不是 2 !这个代码片段会被引擎理解为如下形式:
function foo() {
console.log( 1 );
}
foo(); // 1
foo = function() {
console.log( 2 );
};

注意, var foo 尽管出现在 function foo()… 的声明之前,但它是重复的声明(因此被忽
略了),因为函数声明会被提升到普通变量之前。
尽管重复的 var 声明会被忽略掉,但出现在后面的函数声明还是可以覆盖前面的。
foo(); // 3
function foo() {
console.log( 1 );
}
var foo = function() {
console.log( 2 );
};
function foo() {
console.log( 3 );
}
虽然这些听起来都是些无用的学院理论,但是它说明了在同一个作用域中进行重复定义是
非常糟糕的,而且经常会导致各种奇怪的问题。
一个普通块内部的函数声明通常会被提升到所在作用域的顶部,这个过程不会像下面的代
码暗示的那样可以被条件判断所控制:
foo(); // “b”
var a = true;
if (a) {
function foo() { console.log(“a”); }
}
else {
function foo() { console.log(“b”); }
}
但是需要注意这个行为并不可靠,在 JavaScript 未来的版本中有可能发生改变,因此
应该
尽可能避免在块内部声明函数。

猜你喜欢

转载自blog.csdn.net/qq_30443907/article/details/82142130
今日推荐