变量和函数的提升

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Xdrea/article/details/102726597

变量的提升：所有使用var声明的变量都会提升：提前到作用域一开始的位置被声明，该赋值的位置再赋值
console.log(a);
var a =10;
代码解析、以上代码等同于一下代码
var a ;
console.log(a);
a = 10 ;
//所以输出 undefined, 表示a定义了，但是没有赋值
例2：
function fn (){
console.log(a);
var a = 10 ;
console.log(a);
}
fn();
代码解析
function fn (){
var a;
console.log(a); //输出 undefined
a = 10 ;
console.log(a); //输出10
}
fn();

函数提升  整个提升
fn();
console.log(fn);
function fn (){
    console.log("hello");
}
fn();
//代码解析 等同于
function fn (){
    console.log("hello");
}
fn(); //输出 hello
console.log(fn); //输出 f fn(){console.log("hello");}
fn();  //输出 hello

//例：
赋值式函数，只提升变量，不提升函数，因为函数没有名字，无法提升
fn()
console.log(fn);
var fn = function(){
console.log(“world”)
}
fn();
代码解析
var fn;
fn(); //输出 fn is not a function; 函数没有提升
console.log(fn); //输出 undefined 定义变量了，但是还没有赋值
fn = function(){
console.log(“world”)
}
fn(); // world

//例：
console.log(a);
var a = 10;
function a (){};
console.log(a);
//代码解析 var声明的变量提升的更高，更高意味着有可能会覆盖
var a;
function a (){};
console.log(a); //输出 f a(){}
a = 10;
console.log(a); //输出10