javascript变量作用域使用中常见错误总结

今天在rainweb的博客上，看到了这篇非常好的文章，觉得非常有必要分享出来，相信大家认真读完这篇文章，对js作用域的理解又会上升到一个新的台阶。

前言：javascript里变量作用域是个经常让人头痛抓狂的问题，下面通过10++个题目，对经常遇到又容易出错的情况进行了简单总结，代码样例很短很简单

题目一
代码如下:
var name = 'casper'; alert(name); //毫无疑问地输出：casper

题目二
代码如下:
alert(name); //报错：对象未定义，即使用一个压根就不存在的变量，所以出错
age = 24; //这里木有错，但age不是为定义吗？翻下犀牛书，明白了 //给一个未定义的变量赋值，会创建一个全局变量，相当于：var age = 24

题目三
代码如下:
alert(name); //name下面才定义，这里肯定报错了吧？错！这里弹出：undefined
var name = 'casper';

解释：javascript代码在解析的时候，都会搜索下var声明的变量，并将其声明提前，实际的过程如下：
代码如下:
var name; //光声明name变量，但未赋值，所以为此时为：undefined
alert(name); name = 'casper';

题目四
代码如下:
var name = 'casper';
function show(){
alert(name);
name = 'hello'; //全局变量name的值改为'hello'
}
show(); //输出：casper

题目五
代码如下:
var name = 'casper';
function show(){ alert(name); //输出：undefined，是不是有想死的心
var name = 'hello'; //注意：与题目四相比，此处name前多了个var，
} show();

解释：在函数show中，name是个局部变量，题目三的原理同样适用于此，即函数show内部实际为
（小知识点补充：当函数内部存在与外部全局变量同名的局部变量，优先使用局部变量，此处为name）
function show(){ var name; alert(name); name = 'hello'; }
题目六
代码如下:
var list = [1,2,3];
function show(){ if(typeof list === 'undefined')
{ list = []; }
alert(list.length);
};
show(); //结果：3，是不是一目了然= =，稍等，请接着看第七题

题目七
代码如下:
var list = [1,2,3];
function show(){
if(typeof list === 'undefined')
{ var list = []; //请注意，与题目六相比，这里多了个var
} alert(list.length); };
show(); //结果：0，是不是突然有了想死的冲动

解释：javascript没有块级作用域（即由{}限定的作用域），函数中声明的所有变量，无论在哪里声明，在整个函数中都是有定义的，这点跟C++等灰常不同，赶紧扭转思想与时俱进
于是，再来看下show方法实际的内部解析逻辑
代码如下:
function show(){ var list; //list为局部变量，且此处尚未赋值
if(typeof list === 'undefined'){
list = []; }
alert(list.length); };

题目八