作用域和作用域链
js的语法用法非常的灵活，且稍不注意就踩坑。这集来分析下作用域和作用域链。我们且从几道题目入手，您可以试着在心里猜想着答案。
问题一、
if (true) { var str = "李四"; } alert(str);//弹出值是？
问题二、
function add(num1, num2) { var sum = num1 + num2; } add(1,2); alert(sum) //弹出值是？
问题三、
var str1 = "张三"; var str2 = "李四"; function fun1() { var str2 = "王五"; var str3 = "郑六"; alert(str1 + str2 + str3); //弹出值是？
} fun1();
问题四、
var num1 = 10; function fun1() { alert(num1); } function fun2(fn) { var num1 = 12; fn(); } fun2(fun1); //弹出值是？
js中没有块级作用域
答案一：
我们看到了，弹出值是”李四“。这说明了js中没有块级作用域（这和我们以前接触的其他语言不同）。不仅if里面是这样，for、while...等等都是这样。
如：
js中只有函数作用域和全局作用域
我们只能从外层内层作用域访问外层作用域，而外层作用域不能访问内层作用域。
答案二：
（没反映？因为报异常了。不信F12看）如此，我们是访问不到sum的。因为sun是属于add函数内的作用域。 我们只能从add函数内访问到全局作用域的变量值。
js中的作用域链
答案三:
str1取全局作用域、str3去fun1函数作用域的。这里有些疑惑的是str2了。这里就引入了作用域链。
一般我们都说，先从自己的作用域取变量，没取到然后去父作用域中取。这句话没错，不过有时候也会产生疑惑或是混淆。如答案四：
“先从自己的作用域取变量，没取到然后去父作用域中取”，这里fun1的父作用域是全局作用域，而不是fn()调用时fun2中的作用域。所以我们可以把这句话改成“先从自己的作用域取变量，没取到然后去自定自己的地方的父作用域中取”。
暂且分析到这里了。后续如果有新的理解再补充进来。
注意：
- 当循环嵌套时千万不要忘记修改循环条件的变量名如：(这样就死循环了)
for (var i = 0; i < 4; i++) { //...... //...... for (var i = 0; i < 2; i++) { alert("ok") } //...... //...... }
这是学习记录，不是教程。文中错误难免，您可以指出错误，但请不要言辞刻薄。
原文链接：http://haojima.net/zhaopei/513.html
本文已同步至目录索引：一步步学习javascript