javascript常见错误（1）

看下面的代码：

(function() {
var x=foo();
var foo=function foo() {
return “foobar”;
};
return x;
})();

在编辑器后运行后返回“TypeError”

为什么不是 “foobar”？

原因出在

var foo=function foo() {
return “foobar”
};

第一个代码块的第二行foo变量“被提前”了，但是它的赋值（也就是函数）并没有被提前，所以变量声明的时候还没有这个函数。

从这一点上来说，和前面我们所讲的变量“被提前”是完全一致的，并且，由于“被提前”的变量的默认值是 undefined。

总结：

函数声明可以被提前，但函数表达式不能被提前

写成下面的样子就没什么问题：

(function() {
var foo=function foo() {
return “foobar”;
};
var x=foo();
return x;
})();

下面在牛客网看到的这个代码同理

var name=’World!’;
(function() {
if(typeof name===’undefined’) {
var name=’Jack’;
console.log(‘Goodbye’+name);
} else {
console.log(‘Hello’+name);
}
})();

输出结果为：Goodbye Jack

原因同上，也是变量声明提升的问题。

(function(){
var name;//注意这里，变量提升
if(typeof name === 'undefined'){
name = 'Jack';
console.log('Goodbye'+name);
}else{
console.log('hello'+name);
}
})();

变量生明会提升到当前作用域的顶部，一个函数就是一个作用域