一,变量提升
顾名思义,变量提升就是函数在执行时,会把在下面的变量提升到函数的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");
}