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");}