当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript语言中的Literal Syntax特性分析

Javascript
javascript 支持链式调用的异步调用框架Async.Operation
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
javascript dragable的Move对象
同一个表单 根据要求递交到不同页面的实现方法小结
Extjs ajax同步请求时post方式参数发送方式
实现连缀调用的map方法(prototype)
javascript Array.remove() 数组删除
asp(javascript)全角半角转换代码 dbc2sbc
jquery select(列表)的操作(取值/赋值)
JavaScript 乱码问题
js正确获取元素样式详解
JQuery 小练习(实例代码)
JavaScript 的方法重载效果
JavaScript 变量作用域及闭包
jQuery 解析xml文件
javascript 当前日期加(天、周、月、年)
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
上传图片时JS自动显示图片

Javascript 中的 JavaScript语言中的Literal Syntax特性分析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 295 ::
收藏到网摘: n/a

我刚开始学习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 = [null, 1, 'string', true, function(){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数据,最后每个键值对用","来分隔就行了。