你不知道的JavaScript (上卷)

JavaScript 其实是一门编译语言

ES5 引入“严格模式”，严格模式禁止自动或隐式地创建全局变量

影响性能的欺骗词法

---

第一种方式：动态生成代码

function foo(str, a) {
  eval( str ); //欺骗！
  console.log( a, b);
}
var b = 2;
foo( "var b = 3;", 1); // 1, 3

注意：在严格模式下，eval() 在运行时有其自己的作用域，其中的声明将不会修改其他作用域中的声明。
第二种方式：with 关键字

function foo(obj) {
  with (obj) {
    a = 2;
  }
}

var o1 = {
  a: 3
};

var o2 = {
  b: 4
};

foo(o1);
console.log(o1.a); // 2

foo(o2);
console.log(o2.a); // undefined
console.log(a); // 2

规避变量名冲突的方法

---

1. 全局命名空间
   在全局作用域中申明一个对象变量，用作库的命名空间。
2. 模块管理

始终给函数表达式命名是最佳实践

IIFE，立即执行函数表达式，的三个作用

---

1. 隔离作用域，维护代码风格

var a = 2;
(function IIFE( global ) {
  var a = 3;
  console.log(a); // 3
  console.log(global.a); // 2
})(window);
console.log(a); // 2 

2. 解决undefined的默认值被错误覆盖导致的异常

(function() {
  var undefined = true;
  (function IIFE(undefined) {
    var a;
    if (a === undefined) {
      console.log(a === undefined); // true
    }
  })();
  var a;
  console.log(undefined); // true
  console.log(a === undefined); // false
})();

While it is possible to use it as an identifier (variable name) in any scope other than the global scope (because undefined
is not a reserved word
)

3. 倒置代码的运行顺序

var a = 2;
(function IIFE(def) {
    def(window);
})(function def(global) {
    var a = 3;
    console.log(a); // 3 
    console.log(global.a); //2
});

块作用域

---

没有必要把只在某一个区域内生效的变量污染到整个函数作用域中。
实现块作用域的方法：

1. with
2. try/catch catch语句会创建一个块作用域，其中生命的变量仅在catch中生效
3. let关键字可以讲变量绑定到所在的任意作用域中。只要生命是有效的，在生命中的任意位置都可以使用{...}来为let创建一个用于绑定的块，最好显式创建作用块。需要注意的是，let声明代码被运行之前，声明并不存在

var foo = true;
if (foo) { // <-- 可以作为隐式的块
  { // <-- 显式的块
    console.log(bar); // undefined
    let bar = foo * 2;
    console.log(bar); // 2
  }
  console.log(bar); // "ReferenceError: bar is not defined
}

Constants are block-scoped, much like variables defined using the let
statement.