一.关于Javascript变量声明 在Javascript中，声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的， 一个是当前作用域的局部变量，另一个则是当前作用域的全局变量； 　Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面，在函数外部自然无法读取函数内的局部变量。 复制代码 代码如下: function f1(){ 　　var n=999; } alert(n); // error 二.Javascript变量作用域链 复制代码 代码如下: var x='000 '; document.writeln(x); //得出'000 ' a(); function a(){ var x='aaa '; function b(){ document.writeln(x); //undefined var x='bbb '; document.writeln(x); //bbb } b(); document.writeln(x); //aaa } //结果是：000 undefined bbb aaa 原理： 　当变量使用时，先从函数块（权威指南中用调用对象来解释）中找， 　如果找不到，从上一级函数块找，直到找到， 　如果直到顶层代码（指var x='000 ';的位置）还没找到定义，代码会报未定义错误。 1.按顺序执行的顺序，输出x '000 '（这个没问题）; 2.然后执行a() 3.在a()中执行b() 4.b()中需要输出x,该函数体内（作用域）有x定义，但是还未赋值，因此输出undefined；（重点！） 5.然后再输出x,x已赋值，因此输出bbb; 6.最后输出aaa; 了解了以上原理，我们来看下面的例子 复制代码 代码如下: var x = "global"; function f() { var x='f1'; function f2(){ x='f2' ;//这里我有些混淆,GLOBAL的X应该重新被赋值为'f2' alert(x); //返回"f2" alert(window.x); //返回"global" } f2(); alert(x) //返回"f2" } f(); alert(x); //返回"global",没有被重新赋值为:f2 //结果分别弹出：f2 global f2 global 解释： 　首先执行f()中的f2(), f2()为内部函数产生一个作用域，因此x=‘f2'修改的是f()中的x值，而非全局x. alert(x);为‘f2',alert(window.x)为‘global'. 然后执行alert(x);这个x的作用域为全局，为‘global' 三.给新手的建议 1.减少全局变量（解决方案：把变量封装到对象中） 引用: “把你踩在全局的那些乱七八糟的脚印都归于一人名下，能显著降低与其他应用、小工具或JS库冲突的可能性。” – Douglas Crockford 复制代码 代码如下: var name = 'Jeffrey'; var lastName = 'Way'; function doSomething() {...} console.log(name); // Jeffrey -- or window.name 更好的写法 复制代码 代码如下: var DudeNameSpace = { name : 'Jeffrey', lastName : 'Way', doSomething : function() {...} } console.log(DudeNameSpace.name); // Jeffrey 注意看，我们是如何戏剧化地把“乱七八糟的脚印”都归到“DudeNameSpace”这对象之下的； 2.一长列变量声明？别写那么多var，用逗号吧 复制代码 代码如下: var someItem = 'some string'; var anotherItem = 'another string'; var oneMoreItem = 'one more string'; 更好的写法 复制代码 代码如下: var someItem = 'some string', anotherItem = 'another string', oneMoreItem = 'one more string'; 不言自明。我不知道这样做能否提升代码执行速度，但是确实让你的代码干净许多。

　　推荐阅读

　　一些javascript一些题目的解析

http://perfectionkills.com/javascript-quiz/ 　　下面是我关于这些题目的,一些关于自己的理解. 如果有什么不同的意见或者见解,欢迎拍砖. 复制代码 代码如下: (function(){ return typeof arguments; })(); 这个>>>详细阅读

本文标题：Javascript学习笔记二 之 变量

地址：http://www.17bianji.com/kaifa2/JS/25169.html

 1/2    1