var f = function(){
console.log(scope); //undefined,只提升了变量的声明
var scope = 'f';
console.log('sss',scope);//此时结果是'f'
}
f();
这是 变量提升问题
1. 变量提升,
很简单,就是把变量提升提到函数的top的地方。我们需要说明的是,变量提升 只是提升变量的声明,并不会把赋值也提升上来。
比如:我们定义三个变量:
(function(){
var a='One';
var b='Two';
var c='Three';})()
实际上它是这样子的:
(function(){
var a,b,c;
a='One';
b='Two';
c='Three';
})()
这个时候就把变量提升了呀。
好,我们现在回到第一段code里面。为什么会undefined呢?其实,根据上面变量提升以及js的作用域(块级作用域)的分析,得知 上面代码真正变成如下:
var v='Hello World';
(function(){
var v;
alert(v);
v='I love you';
})()
所以,才会提示说“undefined”。
从这里,我们也学习到,我们在写js code 的时候,我们需要把变量放在函数级作用域的顶端,比如我在上面所举的例子:var a,b,c;。以防止出现意外。
2. 函数提升
函数提升是把整个函数都提到前面去。
在我们写js code 的时候,我们有2种写法,一种是函数表达式,另外一种是函数声明方式。我们需要重点注意的是,只有函数声明才能被提升。
函数声明方式提升【成功】
function myTest(){
foo();
function foo(){
alert("我来自 foo");
}
}
myTest();
函数表达式方式提升【失败】
function myTest(){
foo();// 报错
console.log('foo output',foo);// 这个代表了变量声明提升,undefined
var foo =function foo(){
alert("我来自 foo");
}
}
myTest();