JavaScript语言中的Literal Syntax(文本化)特性

JS文本化特性解析
本文深入探讨了JavaScript的文本化特性,即LiteralSyntax,详细解释了如何使用文本方式表示各种数据类型,包括简单类型如Number、Boolean和String,以及复杂类型如函数、数组和对象。此外,还特别介绍了类实例的文本化定义方法。

我刚开始学习JavaScript的时候,老是会被JavaScript里的一些莫名其妙的语法形式搞的糊里糊涂的emdgust.gif。而且也不知道到底它支持了多少那些莫名其妙的语法形式?现在通过这个几个月的深入了解,算是把它们弄得比较清楚了,所以下面就来说说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()来定义反而会让人觉得是脱裤子打屁emembarrassed.gif

None.gifNumber:vari=100;i=100.11;
None.gifBoolean:
varb=true;b=false;
None.gifString:
varstr='thisisastring.';


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

None.gifvarary=newArray(6);
None.gifary[
0]=null;
None.gifary[
1]=1;
None.gifary[
2]='string';
None.gifary[
3]=true;
None.gifary[
4]=function()
None.gif{
None.gif
return'keke';
None.gif};
None.gifary[
5]=newMyObject();


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

None.gifvarary1=[null,1,'string',true,function(){return'keke';},newMyObject()];None.gif


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

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


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

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

None.giffunctionMyObject()
None.gif{
None.gif
this.Properties1=1;
None.gif
this.Properties2='2';
None.gif
this.Properties3=[3];
None.gif
this.toString=function()
None.gif {
None.gif
return'[classMyObject]';
None.gif };
None.gif}
None.gif
None.gifMyObject.prototype.Method1
=function()
None.gif{
None.gif
returnthis.Properties1+this.Properties3[0];
None.gif};
None.gif
None.gifMyObject.prototype.Method2
=function()
None.gif{
None.gif
returnthis.Properties2;
None.gif};None.gif


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

None.gifvarobj=
None.gif {
None.gif Properties1:
1,Properties2:'2',Properties3:[3],
None.gif Method1:
function(){returnthis.Properties1+this.Properties3[0];},
None.gif Method2:
function(){returnthis.Preperties2;}
None.gif };

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值