js中的变量提升和函数提升

一，变量提升

顾名思义，变量提升就是函数在执行时，会把在下面的变量提升到函数的top位置，来看栗子：

var scope="hello";
function t(){
console.log(scope);
var scope="nihao";
console.log(scope);
}
t();

此时输出的结果是  ：



第一个输出undefined ，根据作用域链，函数内部访问一个变量时，会首先在作用域链的前端也就是函数内部寻找变量，找到变量scope，会把变量提升到函数t()的top位置

也就是这样的

var scope="hello";
function t(){
var scope;
console.log(scope);
scope="nihao";
console.log(scope);
}
t();

因此第一次输出时，变量scope只定义了，并未初始化，因此输出undefined,第二次输出时，变量scope已经初始化了，因此输出“nihao”的内容

二，函数提升

我们再来看函数提升，函数的创建有两种方式，分别是函数表达式和函数声明式，所谓函数提升是指即使声明函数的代码在调用函数的代码后面，js引擎也能把函数声明提升到顶部

//函数表达式
var foo=function(){
console.log("hello");
}
foo();
//函数声明式
function foo(){
console.log("nihao");
}

只是使用函数声明式创建函数，才能进行函数提升，函数表达式并不能进行函数提升，

//可以进行函数提升
foo();
function foo(){
console.log("nihao");
}

//无法进行函数提升
foo();
var foo=function(){
console.log("nihao");
}