心远专栏

   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  24 随笔 :: 0 文章 :: 9 评论 :: 0 Trackbacks

1、关于变量的声名
大家都知道javascript是可以隐式声名变量的。但要注意,隐式声名变量总是被创建为全局变量。看以下代码,情愿javascript语言强制声明变量。建议大家一定要var声明变量。


代码
<SCRIPT LANGUAGE="JavaScript"> 
function test(){  
    var a=222;  
 document.writeln(a);  
}  
test();  
document.writeln(a);  
</SCRIPT> 

 

代码
<SCRIPT LANGUAGE="JavaScript"> 
function test(){  
    a=222;  
 document.writeln(a);  
}  
test();  
document.writeln(a);  
</SCRIPT>  

2、关于变量的作用域
猜猜以下代码输出什么。

代码
<SCRIPT LANGUAGE="JavaScript"> 
var x='000';  
document.writeln(x);  
a();  
function a(){  
    var x='aaa';  
 function b(){  
     document.writeln(x);  
        var x='bbb';  
  document.writeln(x);  
 }  
 b();  
    document.writeln(x);  
}  
</SCRIPT> 


如果你的答案是 000 undefined bbb aaa。恭喜,ok.当代码用到x变量时,先从函数块(权威指南中用调用对象来解释)中找,如果找不到,从上一级函数块找,直到找到,如果知道顶层代码(指var x='000';的位置)还没找到定义,代码会报未定义错误。

改一下代码,得到 000 undefined 111 111


代码
<SCRIPT LANGUAGE="JavaScript"> 
var x='000';  
document.writeln(x);  
a();  
function a(){  
 function b(){  
     document.writeln(x);  
  document.writeln(x);  
 }  
 document.writeln(x);  
 var x='111';  
 b();   
}  
</SCRIPT> 


3、新的问题
变量个作用域清楚了,注意上面的代码。为什么我的function a()定义以前就可以调用a函数了,而我的var x='111';前“不可以用”x啊???
让我把我的理解一一道来
首先:以下代码让我相信javascript有个预编译过程,不是完全按照顺序解释执行的。

代码
<SCRIPT LANGUAGE="JavaScript"> 
a();  
function a(){  
    alert();  
}  
</SCRIPT> 


个人理解这个预编译过程不会象java/c#那样把代码编译成虚拟机认识的语言,更不会象vb,vc那样编译成更底层的语言。猜想只是把这个函数预装载到这段函数执行的全局环境中,在这个执行环境中,该函数被标识定义过,可以直接使用了。(看到网上很多人写的AOP的javascript实现,其实这个预编译过程才是翻译元数据最佳时候,可惜就javascript语言来讲,是有些落伍了)

这个文章主要讲变量的一些问题。变量说了,为什么函数可以,我变量就不可以呢。


代码
<SCRIPT LANGUAGE="JavaScript"> 
document.writeln(a);  
var a=0;  
</SCRIPT> 


为什么我要输出undefined呢?为什么我a就不可以预编译一把呢?
大家看看以下两段代码会输出什么呢啊???

代码
<SCRIPT LANGUAGE="JavaScript"> 
document.writeln(a);  
a=0;  
</SCRIPT> 

 

代码
<SCRIPT LANGUAGE="JavaScript"> 
document.writeln(a);  
</SCRIPT>  


可能你运行试了,可能你本来就知道,a未定义。哈哈哈,好了。
现在我确信var a=0;被javascript解释器“预编译过”,至少是记录下来了。甚至把它的值设置为 undefined。“undefined”这个词名字取的很是让人误解,怎么能叫未定义呢,分明是javascript中所有变量的初始化值。关于null与undefined的比较我实在不愿提了。
注意上面两段代码还反映一个现象。隐式声明的变量是在解释的时候才把自己定义为全局变量的。

关于函数与变量javascript预编译的不同处理,大家可以与java class的加载过程比较下。java也是对基本类型设出值,对象为null的。(不往远扯了)
4、区别未定义变量和未附值变量


代码
<SCRIPT LANGUAGE="JavaScript"> 
var a;  
document.writeln(a);  
</SCRIPT> 

 

代码
<SCRIPT LANGUAGE="JavaScript"> 
document.writeln(a);  
</SCRIPT> 


未定义变量和未附值变量 权威指南中文版 定义的。通过第三条分析,我觉得变量就应该以 定义和未定义变量区别。未附值变量和undefined有点冲突,javascript不是强类型语言,没发附默认值,才来了个undefined。
5、基本类型和引用类型
熟悉java的朋友可能这部分很清楚。没啥
说头。
6、javascript的垃圾回收
关于这部分内容一直没见着个权威说法。在javascript权威指南中有两小节提到这个问题。
对于字符串、对象、数据这些没有固定大小,必须为它们动态的分配内存,但什么时候回收这些内存呢?javascript使用和java一样的garbage collection的方法。

代码
var s="hello";  
var u=s.toUpperCase();  
s=u; 


运行这段代码后,"hello"没有变量会再用到他,这是"hello"的存储空间的被垃圾回收了。对于javascript的垃圾回收,你唯一要关心的是,它一定会进行,不要对内存担心。
注意,javascript不提供任何的强制垃圾回收或释放内存的运算附或语句。
javascript的delete运算附和C++中的不同。

代码
<SCRIPT LANGUAGE="JavaScript"> 
var o=new Object();  
o.name="zkj";  
o.age=25;  
o.bir=new Date();  
for(var key in o){  
document.writeln(key+':'+o[key]+'</br>');  
}  
document.writeln('delete o.bir</br>');  
delete o.bir;  
for(var key in o){  
document.writeln(key+':'+o[key]+'</br>');  
}  
</SCRIPT> 


7、作为属性的变量
猜猜以下代码会输出什么。


代码
<SCRIPT LANGUAGE="JavaScript"> 
var x=100;  
document.writeln(x);  
add(x);  
document.writeln('</br>------------------------</br>');  
var x=200;  
document.writeln(x);  
add(x);  
function add(x){  
    document.writeln(x);   
    var x=300;  
    document.writeln(x);   
    var x=400;  
    document.writeln(x);  
}  
</SCRIPT> 


估计很多人能得出正确答案
100 100 300 400
------------------------
200 200 300 400
但这里我想引入 全局对象和调用对象的 概念(javascript权威指南是这么翻译滴)


代码
<SCRIPT LANGUAGE="JavaScript"> 
var x=100;   //我们在全局对象中加了个属性x. 对比  
 //var o=new Object();o.x=100;  
document.writeln(this.x);//用this访问全局对象  
add(this.x);//把全局对象的属性值传递对函数中  
document.writeln('</br>------------------------</br>');  
this.x=200;//把全局变量中的x属性修改掉  
document.writeln(window.x);  
add(window.x);  
function add(x){  
    //假设有个局部对象,调用对象,函数调用过程中的对象  
//  temp   temp.x=${传入的值}  
    document.writeln(x); //哦这打印的可是参数中的值,也就是temp.x=this.x  
//的值,  
    var x=300;//把调用对象变量的签名给覆盖了.  
    document.writeln(x); //打印修改过的值。 temp.x  
 var x=400;//temp.x=400 
    document.writeln(x);  
}  
</SCRIPT> 


在函数的调用过程中,假设有个调用对象存在,把函数的参数,和函数内的临时变量当成这个调用对象的属性。当然这个调用对象的生命周期很短。
注意,当我们访问全局变量的属性入x的时候,不必要用this.x 或window.x访问,当在有<frame><iframe>的页面时会出现混淆。
关于函数的详细讨论我后续会详细讨论。

 

          文章来自:http://www.javaeye.com/article/19506

posted on 2006-12-10 13:16 心远 阅读(225) 评论(0)  编辑  收藏 所属分类: java 软件开发其它

只有注册用户登录后才能发表评论。


网站导航: