黄金守则第一条：
js没有块级作用域（你可以自己闭包或其他方法实现），只有函数级作用域，函数外面的变量函数里面可以找到，函数里面的变量外面找不到。
first try：
[img]http://files.jb51.net/file_images/article/201409/2014092408542710.png[/img]
这是为什么呢？？
var a = 10;
function aaa(){//step-4
alert(a);//step-5->执行alert，此时只能找到外面的a=10故弹框10
}
function bbb(){//step-2
var a = 20;
aaa();//step-3
}
//定义了函数没啥用，调用才是真格的所以这里是step-1
bbb();//step-1
其实原理大家都懂，应该就是易错而已，万变不离其综。
second try：
[img]http://files.jb51.net/file_images/article/201409/2014092408542711.png[/img]
这是为什么呢？ 因为给a赋值b的时候，b还没有定义，所以a是undefined，b是10.
黄金守则第二条：
变量的查找是就近原则，去寻找var定义的变量，当就近没有找到的时候就去查找外层。
look：
[img]http://files.jb51.net/file_images/article/201409/2014092408542712.jpg[/img]
这是为什么呢、？ 这里面有两个原因，一是预解析，二是就近查找。
var a=10;
function aaa(){
alert(a);//undefined，查找a的时候会现在函数内查找，由于预解析的作用，此时的a是undefined,因此永远不会去查找外面的10了
var a = 20;
/*预解析
var a
alert(a);
var a = 20;*/
}
aaa();
attention：
[img]http://files.jb51.net/file_images/article/201409/2014092408542713.png[/img]
这个吧，就验证了第二条，虽然是就近原则，但是是就近找var声明的变量，这个是因为没有var声明的变量是全局的，这里只是修改了a的值。所以上面就是因为在函数内没找到var的a，于是到外面去找了，一找就找到了，于是a就alert出10了；不过没错的是a=20后，a确实为20了，只不过alert的时候还没有执行到那~~
看吧~
[img]http://files.jb51.net/file_images/article/201409/2014092408542814.jpg[/img]
下面这个例子，更加验证了js的函数作用域 而已：
[img]http://files.jb51.net/file_images/article/201409/2014092408542815.png[/img]
这是因为在alert(a)的时候，bbb函数中的a确实为20 ，可是它对于这时的alert(a)这句话来说是局部的，alert(a)根本找不到bbb函数中的a，所以在aaa函数中它找不到a，于是乎去外面找，一找，就找到了10。
黄金守则第三条：
当参数跟局部变量重名时，优先级是等同的。
例：
[img]http://files.jb51.net/file_images/article/201409/2014092408542816.jpg[/img]
还有：传参时，基本类型传值，引用类型传引用。（但是重新赋值之后就不是这样了喔）
var a = 5;
var b = a;
b +=3;
alert(a);//5
var a = [1,2,3];
var b=a;
b.push(4);
alert(a);//[1,2,3,4];
上面代码没有问题，但是下面就不一样啦。
[img]http://files.jb51.net/file_images/article/201409/2014092408542817.jpg[/img]
因为b被重新赋值了，不指向a了。
此外，参数与变量的作用域是相似的：
[img]http://files.jb51.net/file_images/article/201409/2014092408542818.jpg[/img]
对比上下这两个：
[img]http://files.jb51.net/file_images/article/201409/2014092408542819.png[/img]
上面是参数是基本类型，只传了值进去，下面的传个引用类型：（同样也包含重新赋值的情况）
[img]http://files.jb51.net/file_images/article/201409/2014092408542820.png[/img]
[img]http://files.jb51.net/file_images/article/201409/2014092408542921.png[/img]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...