标签：javascript javascript作用域 你不知道的javascript es6转化工具
JavaScript并不是传统的块级作用域，而是函数作用域！function foo(a){
var b = a;
return a + b;
}
var c = foo(2);
// LHS(3处)：c；a(隐式变量分配)；b;
// RHS(4处)：foo(2)；=a；a；b；3. 异常function foo(a){
console.log(a + b);
b = a;
}
foo(2);（1）在ES5“严格模式”下，LHS抛出ReferenceError；“非严格模式”下，LHS会自动隐式的创建一个全局变量。function foo(str,a){
eval(str);
console.log(a, b); //1 , 3
console.log(a, window.b); //1 , 2
}
var b = 2;
foo("var b = 3;", 1);解释：上述全局变量b被覆盖了，由于b是全局的，可以window.b获取到；但非全局的变量如果被覆盖，就无法访问到了！function foo(str,a){
"use strict";
eval(str);
console.log(a, b); //1 , 2
console.log(a, window.b); //1 , 2
}
var b = 2;
foo("var b = 3;", 1);2. withfunction foo(obj){
with(obj){
a = 2;
}
}
var o1 = { a : 3 };
var o2 = { b : 3 };
foo(o1);
console.log( o1.a ); // 2
foo(o2);
console.log( o2.a ); // undefined
console.log( a ); // 2，表明a泄漏到全局作用域上了！这两个机制的副作用是引擎无法在编译时对作用域查找进行优化，导致代码运行速度变慢，建议不要使用它们！/* 匿名（引用自身只能用过期的arguments.callee引用） */
setTimeout(function(){
console.log("i wait 1 second!")
},1000);
/* 具名（可读性好） */
setTimeout(function timeoutHandler(){
console.log("i wait 1 seco nd!")
},1000);2. 立即执行函数表达式/* IIFE模式 */
var a = 2;
(function IIFE(global){
var a = 3;
console.log(a); //3
console.log(global.a); //2
})(window);
/* UMD模式 */
var b = 2;
(function UMD(def){
def(window);
})(function tmpF(global){
var b = 3;
console.log(b); //3
console.log(global.b); //2
});3. 块作用域try{
undefined();
}catch(err){
console.log(err); //可以正常使用
}
console.log(err); //ReferenceError: err is not defined
/* 坑1 */
for(var i=0;i<10;i++){}
console.log(i); //10
/* 坑2 */
{
console.log(bar); //undefined 不会报错！！
var bar = 2;
}
ES6中引入新的let关键字！！/* 填坑1 */
for(let i=0;i<10;i++){}
console.log(i); //SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
/* 填坑2 */
{
console.log(bar); //SyntaxError 报错！！
let bar = 2;
}推荐两个将ES6代码转化成兼容ES6之前的环境（大部分是ES5，但不全是）工具：Traceur和let-er
JavaScript词法作用域（你不知道的JavaScript）
标签：javascript javascript作用域 你不知道的javascript es6转化工具
原文地址：http://blog.csdn.net/ligang2585116/article/details/46367565
