鸟食轩

 Microsoft .NET[C#] MVP 2003
随笔 - 424, 文章 - 233, 评论 - 5418, 引用 - 344
数据加载中……

JavaScript语言中的Literal Syntax特性

    我刚开始学习JavaScript的时候,老是会被JavaScript里的一些莫名其妙的语法形式搞的糊里糊涂的。而且也不知道到底它支持了多少那些莫名其妙的语法形式?现在通过这个几个月的深入了解,算是把它们弄得比较清楚了,所以下面就来说说JS的Literal Syntax特性。

    JavaScript语言的文本化的特性?My God,难道有哪门语言的编写不是使用文本吗?不使用文本还能用啥?用意识流吗?真是faint哈。

    虽然我们的每种语言都使用文本来表示,说远点asm是文本的吧,BASIC是文本的吧,C/C++、C#、java啥的都是文本吧。这没有错,它们的语言表达都是文本形式,可是它们却不能使用文本来表示所有内容。简单类型比如数字啊字符串啊还行,但是C#或Java可以用文本表示一个对象实例吗(不是用一堆定义语句,然后再new个对象实例哦)?显然是不行的,然而JavaScript却提供了对所有数据类型包括复杂对象的文本化书写方式。

    我们编写JS常用的数据类型包括:Number、Boolean、String、Array、Function和Object。其中这里面的Number、Boolean和String属于简单类型,文字方式书写是它们的基本方式,如果用new xxx()来定义反而会让人觉得是脱裤子打屁。 

 Number: var i = 100; i = 100.11;
 Boolean: 
var b = true; b = false;
 String: 
var str = 'this is a string.';


    对于复杂数据类型,函数、数组和对象我们怎么办呢?函数不用说了,都是以文本方式定义的。下面就看看数组和对象是怎么表示的吧。假如我们有一个数组:

 var ary = new Array(6);
 ary[
0= null;
 ary[
1= 1;
 ary[
2= 'string';
 ary[
3= true;
 ary[
4= function()
 {
     
return 'keke';
 };
 ary[
5= new MyObject();


    我们使用文本方式(也就是我们平时说的初始化方式)来写这个数组它将是:

 var ary1 = [null1, 'string', truefunction(){return 'keke';}, new MyObject()];


    比上面精简的多吧?而且这里数组的文本化方式还可以写的远比这复杂的多,比如:

   var ary2 = []; //空数组,相当于 new Array();
   var ary3 = [1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]];


    第三个ary3是啥数组,我也不知道了@_@。

    不对呀,怎么ary[5]是new MyObject()呢?哦,不好意思,我们再来把MyObject示例一下,假如它被定义为:

 function MyObject()
 {
     
this.Properties1 = 1;
     
this.Properties2 = '2';
     
this.Properties3 = [3];
    
this.toString = function()
     {
          
return '[class MyObject]';
     };
 }

 MyObject.prototype.Method1 
= function()
 {
     
return this.Properties1 + this.Properties3[0];
 };

 MyObject.prototype.Method2 
= function()
 {
     
return this.Properties2;
 };


    那么我们的var obj = new MyObject()怎么文本化呢?其实也很简单的了,obj的文本化定义如下:

 var obj = 
     {
         Properties1 : 
1, Properties2 : '2', Properties3 : [3],
         Method1 : 
function(){ return this.Properties1 + this.Properties3[0];},
         Method2 : 
function(){ return this.Preperties2; }
     };


    这个类实例的直接文本化定义虽然算不上精简,但也还不错吧。这样我们就可以用这个文本化类实例去替换ary中那个new MyObject()了。类实例文本化定义的语法为,用一对"{}"表示类,也就说"{}"完全等价于"new Object()"。然后"{}"内按"key:value"组织属性和方法,key可以是任意[A-Za-z0-9_]的字符组合,甚至数字开头都是合法的@_@,value是任何的合法的文本化JavaScript数据,最后每个键值对用","来分隔就行了。

posted on 2005-02-26 00:17 birdshome 阅读(2203) 评论(10)  编辑 收藏 所属分类: Jscript&Dhtml开发

评论

#1楼    回复  引用    

这个也可以
<script>
var a={"My name is":"lostinet"};
alert(a["My name is"]);
</script>
2005-02-26 00:57 | lostinet [未注册用户]

#2楼 [楼主]   回复  引用  查看    

哦,确实可以。不过要是有了""后,连这个都是可以的
<script language="JavaScript">
var obj = {"~!@#$%^&*()_+|\=-`,./';?><:\"" : 'ok'};
alert(obj[
"~!@#$%^&*()_+|\=-`,./';?><:\""]);

</script>
2005-02-26 01:15 | birdshome      

#3楼 [楼主]   回复  引用  查看    

在补充一个Literal Syntax写法,就是定义正则表达式对象。我们除了了一个new RegExp("\d+")这种形式外,还可以使用:/\d+/这种形式来定义。
对于参数new RegExp("\d+", "igm"),对应的Literal为:/\d+/igm。
2005-03-03 21:08 | birdshome      

#4楼    回复  引用    

一点补充:
在JavaScript中,Object其实就是数组,所以可以用数组赋值语法。:)
部分对象可以用以下方法遍历Member:
for(var obj in Object){
alert(obj);
}

会看到所有的Member都被显示出来.

function在JavaScript中其实也是Object,所以可以被动态赋值.

#5楼    回复  引用  查看    

這個應當屬JSON的特性,而javascript支持這種特性而已:)
2006-06-14 07:53 | 萍踪侠影      

#6楼    回复  引用    

http://www.json.org/
2006-08-11 12:59 | long_biti [未注册用户]

#7楼    回复  引用    

第三个叫参差数组吧。没记错的话。
2006-10-25 22:39 | JoeLee [未注册用户]

#8楼    回复  引用    

赞一个先,有深度,有自己的理解,不错
2006-11-26 00:19 | oak [未注册用户]

#9楼    回复  引用  查看    

”这个类实例的直接文本化定义虽然算不上精简“
概念性错误,JavaScript中有“类”这个概念吗???
2008-02-02 09:56 | a feng      

#10楼    回复  引用    

再对4楼补充一下,如果变成这样,
for(var obj in Object){
alert(Object[obj]);
}
就可把每个属性的值都看到,对于属性为Function的还能看到它的代码.
2008-05-13 23:45 | 天马 [未注册用户]

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2005-02-26 00:29 编辑过
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接: