JavaScript的声明提升
1.何为声明提升？
在JavaScript中，当出现var声明的变量或者function声明的函数时，会将该声明提到当前作用域的前面执行，这便是声明提升。值得注意的是，只是提升了声明操作，赋值还是在原来的位置进行。
声明提升包括变量声明提升和函数声明提升。
变量声明提升
先来看一看变量的声明提升。
比如下面的代码：
console.log(a);//undefined 不是not defined
var a=2;
console.log(a);//2这段代码中出现了var 声明的变量，出现了变量声明提升现象，相当于
var a;//声明被提到了最上方 赋值操作位置不变
console.log(a);//undefined 此时尚未执行到赋值语句
a=2;
console.log(a);//2函数声明提升
我们应该经常会有写过这种代码
foo();
function foo() {
console.log("foo");
}函数foo的声明是写在执行之后的，但是脚本不会抛出异常，这便是函数的声明提升。上面的代码在编译时，等价于
function foo() {
console.log("foo");
}
//函数的声明被提到了前面
foo();在函数声明提升中，要注意只有函数的声明会被提升，函数表达式不会被提升。比如：
foo1();//抛出异常 not a function
var foo1=function () {
console.log("foo1");
}这个问题的本质在于，foo1是一个var声明的变量，他出现了变量提升，但是对于他的赋值没有提升。以上代码等价于：
var foo1;
foo1();//此处foo1还没有被赋值 not a function
foo1=function () {
console.log("foo1");
}2.声明提升的注意事项
1.var与function同时进行提升之后，var的声明会被提升到到function的声明之前。也因此，如果同一个作用域内，声明的函数名与声明的变量名相同，并且变量在声明时，没有进行赋值操作，变量会被函数覆盖。
var a;
function a() {
//代码块
}如果变量声明时进行了赋值，变量值会覆盖函数，
var a=10;
function a() {
}
console.log(a);//10相当于：
var a;
function a() {
}
a=10;
console.log(a);2.变量的重复声明时没有用的，因为都会被提升到最前面执行，函数的重复声明会使声明在前的函数被覆盖。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
