Javascript学习笔记二 之 变量

   上面描述了"数据类型",学习完数据类型就不得不提到变量。

   变量用来存储数据。当编写程序的时候,可以非常方便的使用变量去代替实际的数据。

   比如,当你在程序中过多的使用3.1415926的时候,你可以使用变量pi来代替。之所以叫变量的原因是,存放数据的这个变量在初次赋值之后,可以进行任意的修改。变量也能存储程序员不知道的数据,比如运算之后的结果。

   

使用变量需要知道两个步骤:

  • 声明一个变量。
  • 初始化这个变量,也就是赋值。

 

 一.关于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变量作用域链

   详细原理参考:http://www.javaeye.com/topic/19506

 

代码
   
   
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)