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
规避变量名冲突的方法
- 全局命名空间
在全局作用域中申明一个对象变量，用作库的命名空间。 - 模块管理
始终给函数表达式命名是最佳实践
IIFE，立即执行函数表达式，的三个作用
- 隔离作用域，维护代码风格
var a = 2;
(function IIFE( global ) {
var a = 3;
console.log(a); // 3
console.log(global.a); // 2
})(window);
console.log(a); // 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
)
- 倒置代码的运行顺序
var a = 2;
(function IIFE(def) {
def(window);
})(function def(global) {
var a = 3;
console.log(a); // 3
console.log(global.a); //2
});
块作用域
没有必要把只在某一个区域内生效的变量污染到整个函数作用域中。
实现块作用域的方法：
- with
- try/catch catch语句会创建一个块作用域，其中生命的变量仅在catch中生效
- 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.
