作用域问题
JavaScript语言的作用域仅存在于函数范围中。这是必须要牢记的一点，还有一点重要的就是作用域的提升规则。
作用域问题
JS最容易出现混淆的就是作用域的情况。对于JavaScript而言，它的作用域是函数域，比如if条件语句，就不算一个独立的作用域:
var x = 1;
console.log(x); // 1
if (true) {
var x = 2;
console.log(x); // 2
}
console.log(x); // 2
在JavaScript中，可以通过立即执行函数创建临时作用域:
function foo() {
var x = 1;
if (x) {
(function () {
var x = 2;
// some other code
}());
}
// x is still 1.
}
作用域链问题
函数会在当前作用域寻找所要的变量，如果没有就在上一级寻找，一直找到最外层
作用域提升
变量被提升
对JavaScript解释器而言，所有的函数和变量声明都会被提升到最前面, 并且变量声明永远在前面，赋值在声明过程之后。比如:
var x = 10;
function x(){};
console.log(x); // 10
实际上被解释为:
var x;
function x(){};
x = 10;
console.log(x); // 10
函数被提升
函数的声明方式主要由两种：声明式和变量式。
声明式会自动将声明放在前面并且执行赋值过程。而变量式则是先将声明提升，然后到赋值处再执行赋值。比如:
function test() {
foo(); // TypeError "foo is not a function"
bar(); // "this will run!"
var foo = function () { // function expression assigned to local variable 'foo'
alert("this won't run!");
}
function bar() { // function declaration, given the name 'bar'
alert("this will run!");
}
}
test();
实际上等价于:
function test() {
var foo;
var bar;
bar = function () { // function declaration, given the name 'bar'
alert("this will run!");
}
foo(); // TypeError "foo is not a function"
bar(); // "this will run!"
foo = function () { // function expression assigned to local variable 'foo'
alert("this won't run!");
}
}
test();
主要注意的地方：带有命名的函数变量式声明，是不会提升到作用域范围内的，比如:
var baz = function spam() {};
baz(); // vaild
spam(); // ReferenceError "spam is not defined"
