Javascript学习笔记二 之 变量

一.关于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';

不言自明。我不知道这样做能否提升代码执行速度，但是确实让你的代码干净许多。