JavaScript語言中的Literal Syntax特性分析
JavaScript語言的文本化的特性?My God,難道有哪門語言的編寫不是使用文本嗎?不使用文本還能用啥?用意識(shí)流嗎?真是faint哈。
雖然我們的每種語言都使用文本來表示,說遠(yuǎn)點(diǎn)asm是文本的吧,BASIC是文本的吧,C/C++、C#、java啥的都是文本吧。這沒有錯(cuò),它們的語言表達(dá)都是文本形式,可是它們卻不能使用文本來表示所有內(nèi)容。簡(jiǎn)單類型比如數(shù)字啊字符串啊還行,但是C#或Java可以用文本表示一個(gè)對(duì)象實(shí)例嗎(不是用一堆定義語句,然后再new個(gè)對(duì)象實(shí)例哦)?顯然是不行的,然而JavaScript卻提供了對(duì)所有數(shù)據(jù)類型包括復(fù)雜對(duì)象的文本化書寫方式。
我們編寫JS常用的數(shù)據(jù)類型包括:Number、Boolean、String、Array、Function和Object。其中這里面的Number、Boolean和String屬于簡(jiǎn)單類型,文字方式書寫是它們的基本方式,如果用new xxx()來定義反而會(huì)讓人覺得是脫褲子打屁。
Number: var i = 100; i = 100.11;
Boolean: var b = true; b = false;
String: var str = 'this is a string.';
對(duì)于復(fù)雜數(shù)據(jù)類型,函數(shù)、數(shù)組和對(duì)象我們?cè)趺崔k呢?函數(shù)不用說了,都是以文本方式定義的。下面就看看數(shù)組和對(duì)象是怎么表示的吧。假如我們有一個(gè)數(shù)組:
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();
我們使用文本方式(也就是我們平時(shí)說的初始化方式)來寫這個(gè)數(shù)組它將是:
var ary1 = [null, 1, 'string', true, function(){return 'keke';}, new MyObject()];
比上面精簡(jiǎn)的多吧?而且這里數(shù)組的文本化方式還可以寫的遠(yuǎn)比這復(fù)雜的多,比如:
var ary3 = [1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]];
第三個(gè)ary3是啥數(shù)組,我也不知道了@_@。
不對(duì)呀,怎么ary[5]是new MyObject()呢?哦,不好意思,我們?cè)賮戆袽yObject示例一下,假如它被定義為:
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()怎么文本化呢?其實(shí)也很簡(jiǎn)單的了,obj的文本化定義如下:
var obj =
{
Properties1 : 1, Properties2 : '2', Properties3 : [3],
Method1 : function(){ return this.Properties1 + this.Properties3[0];},
Method2 : function(){ return this.Preperties2; }
};
這個(gè)類實(shí)例的直接文本化定義雖然算不上精簡(jiǎn),但也還不錯(cuò)吧。這樣我們就可以用這個(gè)文本化類實(shí)例去替換ary中那個(gè)new MyObject()了。類實(shí)例文本化定義的語法為,用一對(duì)"{}"表示類,也就說"{}"完全等價(jià)于"new Object()"。然后"{}"內(nèi)按"key:value"組織屬性和方法,key可以是任意[A-Za-z0-9_]的字符組合,甚至數(shù)字開頭都是合法的@_@,value是任何的合法的文本化JavaScript數(shù)據(jù),最后每個(gè)鍵值對(duì)用","來分隔就行了。
相關(guān)文章
鼠標(biāo)移動(dòng)到圖片名上,顯示圖片的簡(jiǎn)單實(shí)例
鼠標(biāo)移動(dòng)到名(wait.gif)上,顯示圖片,鼠標(biāo)移開則不顯示圖片2013-07-07
javascript實(shí)現(xiàn)的固定位置懸浮窗口實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的固定位置懸浮窗口,以一個(gè)完整實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)固定位置懸浮窗口的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
30個(gè)高逼格代碼的JavaScript高級(jí)單行代碼
這篇文章中列出了一個(gè)系列的 30 個(gè) JavaScript 單行代碼,它們?cè)谑褂?nbsp;vanilla js(≥ ES6)進(jìn)行開發(fā)時(shí)非常有用,它們也是使用該語言在最新版本中為我們提供的所有功能來解決問題的優(yōu)雅方式,將它們分為以下5大類:日期、字符串、數(shù)字、數(shù)組、工具2023-08-08
跟我學(xué)習(xí)javascript的arguments對(duì)象
跟我學(xué)習(xí)javascript的arguments對(duì)象,需要的朋友可以參考下2015-11-11
JavaScript相等運(yùn)算符的九條規(guī)則示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript相等運(yùn)算符的九條規(guī)則,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10

