JS 的声明提升指 JS 运行机制会将变量的声明语句提升到它所在作用域顶端,导致变量在代码的声明语句之前就可以使用。
定义常量或变量的声明命令:var
、let
、const
中,只有var
命令存在声明提升,值为undefined
。
console.log(a); // => undefined
var a = 123;
// 相当于
var a;
console.log(a); //
a = 123;
/*-------------------*/
console.log(b); // 报错
let b = 123;
console.log(c); // 报错
const c = 123;
函数的声明可以通过函数声明语句、函数表达式来声明,这两种方式都存在声明提升,但是有些区别。
函数声明语句:函数首部和函数体全部都提升到当前函数作用域顶部。
函数定义表达式:只有函数声明用的变量被提升到当前函数作用域顶部,变量初始化的代码仍在原来的位置。
/*---函数声明语句---*/
function func1() { // 整个被提升到所在作用域的顶端
return '函数声明语句';
}
/*---函数定义表达式---*/
var func2 = function() { // !注意:用var才会存在提升
return '函数定义表达式';
}
// 相当于
var func2;
func2 = function() {
return '函数定义表达式';
}
还有一种是类的声明,类的声明不存在声明提升,因为考虑到类的继承,父类必须在子类之前定义。