JavaScript 對(duì)象字面量講解
在編程語(yǔ)言中,字面量是一種表示值的記法。例如,"Hello, World!" 在許多語(yǔ)言中都表示一個(gè)字符串字面量(string literal ),JavaScript也不例外。以下也是JavaScript字面量的例子,如5、true、false和null,它們分別表示一個(gè)整數(shù)、兩個(gè)布爾值和一個(gè)空對(duì)象。
JavaScript還支持對(duì)象和數(shù)組字面量,允許使用一種簡(jiǎn)潔而可讀的記法來(lái)創(chuàng)建數(shù)組和對(duì)象。考慮以下語(yǔ)句,其中創(chuàng)建了一個(gè)包含兩個(gè)屬性的對(duì)象(firstName和lastName):
還可以使用一種等價(jià)的方法創(chuàng)建同樣的對(duì)象:
以上賦值語(yǔ)句的右邊是一個(gè)對(duì)象字面量(object literal)。對(duì)象字面量是一個(gè)名值對(duì)列表,每個(gè)名值對(duì)之間用逗號(hào)分隔,并用一個(gè)大括號(hào)括起。各名值對(duì)表示對(duì)象的一個(gè)屬性,名和值這兩部分之間用一個(gè)冒號(hào)分隔。要?jiǎng)?chuàng)建一個(gè)數(shù)組,可以創(chuàng)建Array對(duì)象的一個(gè)實(shí)例:
不過(guò)首選的方法是使用一個(gè)數(shù)組字面量(array literal),這是一個(gè)用逗號(hào)分隔的值列表,用中括號(hào)括起:
前面的例子展示了對(duì)象和數(shù)組字面量中可以包含其他字面量。以下是一個(gè)更復(fù)雜的示例:
賦給team變量的對(duì)象有3個(gè)屬性:name、members和count。注意,''表示空串,[]是一個(gè)空數(shù)組。甚至count屬性的值也是一個(gè)字面量,即函數(shù)字面量(function literal):
函數(shù)字面量如下構(gòu)造:前面是一個(gè)function關(guān)鍵字,后面是一個(gè)函數(shù)名(可選)和參數(shù)表。然后是函數(shù)體,包圍在大括號(hào)中。
以上已經(jīng)介紹了字面量,下面來(lái)介紹JavaScript對(duì)象記法(JavaScript Object Notation,JSON),這是一種用于描述文件和數(shù)組的記法,由JavaScript字面量的一個(gè)子集組成。JSON在Ajax開(kāi)發(fā)人員中越來(lái)越流行,因?yàn)檫@種格式可以用于交換數(shù)據(jù),通常取代了XML。
=========================================================================
JavaScript對(duì)象字面量的例子(原創(chuàng))
對(duì)象字面量:
//只能添加靜態(tài)屬性和方法 var myObject={ propertyA: sha , propertyB: feng , methodA:function(){ alert(this.propertyA+ +this.propertyB); }, methodB:function(){} } myObject.methodA(); //利用prototype屬性可以添加公有屬性和方法 function myConstructor2(){}; //聲明構(gòu)造函數(shù),可以使用對(duì)象字面量語(yǔ)法來(lái)向prototype屬性中添加所有公有成員 myConstructor2.prototype={ propertyA: sha , propertyB: feng , methodA:function(){ alert(this.propertyA+ +this.propertyB); }, methodB:function(){} } var myconstrustor=new myConstructor2(); //聲明對(duì)象 myconstrustor.methodA();
以上就是JavaScript 對(duì)象字面量講解的全部?jī)?nèi)容,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript數(shù)據(jù)類型轉(zhuǎn)換
本文詳細(xì)講解了JavaScript實(shí)現(xiàn)數(shù)據(jù)類型轉(zhuǎn)換的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03三個(gè)js循環(huán)的關(guān)鍵字示例(for與while)
這篇文章主要介紹了三個(gè)js循環(huán)的關(guān)鍵字示例,主要是for與while,需要的朋友可以參考下2016-02-02淺談javascript基礎(chǔ)之客戶端事件驅(qū)動(dòng)
下面小編就為大家?guī)?lái)一篇淺談javascript基礎(chǔ)之客戶端事件驅(qū)動(dòng)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06JavaScript中的lastIndexOf()方法使用詳解
這篇文章主要介紹了JavaScript中的lastIndexOf()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
以下程序例子實(shí)現(xiàn)了split和整數(shù)字符串互轉(zhuǎn)的用法2009-03-03JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程,基于原型prototype的繼承是JavaScript中實(shí)現(xiàn)面向?qū)ο笾械睦^承特性的基本手段,需要的朋友可以參考下2016-05-05javascript中的=等號(hào)個(gè)數(shù)問(wèn)題兩個(gè)跟三個(gè)有什么區(qū)別
一個(gè)等號(hào)就是個(gè)賦值的作用,主要問(wèn)題在于兩個(gè)跟三個(gè)等號(hào)的區(qū)別,想必有很多的朋友都不知道吧,在本文有個(gè)不錯(cuò)的示例主要介紹下兩者到底有什么區(qū)別,感興趣的朋友不要錯(cuò)過(guò)2013-10-10