作用域问题

    JS最容易出现混淆的就是作用域的情况。传统的类C语言,它们的作用域是,块级作用域, 花括号就是一个作用域。但是对于JavaScript而言,它的作用域是function-level scope,比如if条件语句,就不算一个独立的作用域:

    在JavaScript中,如果我们需要实现block-level scope,我们也有一种变通的方式,那就是通过自执行函数创建临时作用域:

    1. function foo() {
    2. var x = 1;
    3. if (x) {
    4. (function () {
    5. var x = 2;
    6. }());
    7. }
    8. }

    对JavaScript解释器而言,所有的函数和变量声明都会被提升到最前面, 并且变量声明永远在前面,赋值在声明过程之后。比如:

    1. var x;
    2. function x(){};
    3. x = 10;
    4. console.log(x); // 10

    函数的声明方式主要由两种:声明式和变量式。

    声明式会自动将声明放在前面并且执行赋值过程。而变量式则是先将声明提升,然后到赋值处再执行赋值。比如:

    实际上等价于:

    1. function test() {
    2. var foo;
    3. var bar;
    4. alert("this will run!");
    5. foo(); // TypeError "foo is not a function"
    6. bar(); // "this will run!"
    7. foo = function () { // function expression assigned to local variable 'foo'
    8. alert("this won't run!");
    9. }
    10. }
    11. test();

    任何时候,请使用var声明变量, 并放置在作用域的顶端.

    工具推荐之类,帮助你验证语法的规范。