JavaScript语言中的Literal Syntax特性分析
更新时间：2007年03月08日 00:00:00 作者：
我刚开始学习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()];
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 =
{
Properties1 : 1, Properties2 : '2', Properties3 : [3],
Method1 : function(){ return this.Properties1 + this.Properties3[0];},
Method2 : function(){ return this.Preperties2; }
};
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]]]]]]]]]];
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数据，最后每个键值对用","来分隔就行了。
相关文章
除Console.log()外更多的Javascript调试命令
本篇文章给大家介绍了除Console.log()外更多的Javascript调试命令，方便大家更多环境下的JS调试，学习下吧。2018-01-01
这篇文章主要介绍了使用原生JS实现滚轮翻页效果的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了JavaScript扩展运算符的学习及应用详情(ES6),扩展运算符是ES6新增的一种运算符，他可以帮助我们简化代码，简化操作，具体相关知识感兴趣的小伙伴可以查看下面文章的简单介绍2022-08-08
弹出框在网站页面中是必不可少的一部分，今天借助脚本之家平台给大家分享使用js实现简单的弹出框效果，感兴趣的朋友一起学习吧2016-02-02
这篇文章主要介绍了正则中的回溯定义与用法,结合实例形式分析了回溯的概念、功能并提供了JS与java实现方法,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了微信小程序如何调用新闻接口实现列表循环,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了Javascript中使用A标签获取当前目录的绝对路径方法,本文讲解的方法比较特别,需要的朋友可以参考下2015-03-03
微信小程序中target和currentTarget的区别小结
这篇文章主要给大家介绍了关于微信小程序中target和currentTarget区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
javascript 操作cookies及正确使用cookies的属性
在 JS(JavaScript) 操作cookies比较复杂，在 ASP 里面我们只需要知道 cookie 的名称、cookie 的值就行了，而 JS 里面，我们面对的是 cookie 的字符串，你自己编写这个字符串写入客户端，然后自己解析这个字符串。2009-10-10
这篇文章主要介绍了javascript trie单词查找树的示例，详细的介绍了trie的概念和实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
最新评论