JavaScript中用字面量創(chuàng)建對(duì)象介紹

更新時(shí)間：2014年12月31日 08:42:06 投稿：junjie

這篇文章主要介紹了JavaScript中用字面量創(chuàng)建對(duì)象介紹,本文直接給出代碼實(shí)例,并講解了一些技巧,需要的朋友可以參考下

JavaScript中可以用字面量來(lái)直接創(chuàng)建一個(gè)新對(duì)象：

var obj = {a:27, "b":99};

如上所述，在用字面量來(lái)創(chuàng)建對(duì)象的時(shí)候，對(duì)象中的property定義可以用單引號(hào)或雙引號(hào)來(lái)包括，也可以忽略引號(hào)。不過(guò)，當(dāng)property中出現(xiàn)空格、斜杠等特殊字符，或者使用的property與JS關(guān)鍵詞沖突時(shí)，則必須使用引號(hào)。

在用字面量來(lái)創(chuàng)建對(duì)象的時(shí)候，property可以是空字符串，property中也可以出現(xiàn)空格：

復(fù)制代碼代碼如下:

//empty string is allowed as object property
var o = {"":88, "p":99};
console.log(o);//Object { =88, p=99}

//spaces can be included in property
var o2 = {"good score":99, "bad score":52};
console.log(o2);//Object {good score=99, bad score=52}

值得注意的是，即使使用的字面量相同，每次使用字面量時(shí)，JavaScript都會(huì)創(chuàng)建一個(gè)全新的對(duì)象：

復(fù)制代碼代碼如下:

//every object literal creates a new and distinct object.

var x = {a:18, b:28};

var y = {a:18, b:28};

console.log(x === y);//false

在字面量中，如果最后多出一個(gè)逗號(hào)(“}”字符前出現(xiàn)”,”)，那么有一些JavaScript解釋器將報(bào)錯(cuò)。事實(shí)上，在IE7中，這種行為將導(dǎo)致瀏覽器假死等問(wèn)題。在ECMAScript 5標(biāo)準(zhǔn)中，”}”字符前出現(xiàn)”,”是合法的，該逗號(hào)會(huì)被直接忽略掉。

您可能感興趣的文章:

相關(guān)文章

JavaScript復(fù)制文案到剪貼板小技巧
這篇文章主要為大家介紹了JavaScript復(fù)制文案到剪貼板實(shí)現(xiàn)小技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-07-07
前端實(shí)現(xiàn)時(shí)鐘網(wǎng)頁(yè)的詳細(xì)代碼示例
本文介紹了如何在網(wǎng)頁(yè)中實(shí)現(xiàn)一個(gè)動(dòng)態(tài)顯示的時(shí)鐘,并且添加了白天和夜晚兩種模式的切換功能,通過(guò)簡(jiǎn)單的HTML結(jié)構(gòu)和JavaScript代碼,使用Date()函數(shù)動(dòng)態(tài)獲取當(dāng)前的時(shí)間,并將時(shí)、分、秒通過(guò)邏輯綁定到相應(yīng)的div元素上,實(shí)現(xiàn)時(shí)鐘的動(dòng)態(tài)顯示,需要的朋友可以參考下
2024-09-09
js模擬實(shí)現(xiàn)Array的sort方法
JavaScript的Array對(duì)象有一個(gè)sort方法，用于實(shí)現(xiàn)對(duì)數(shù)組元素的排序，該方法默認(rèn)按照數(shù)組項(xiàng)ASCII 字符順序升序排列。這篇文章重點(diǎn)給大家介紹js模擬實(shí)現(xiàn)Array的sort方法，一起看看吧
2007-12-12
MyEclipse取消驗(yàn)證Js的兩種方法
通過(guò)js寫一個(gè)web工程的相關(guān)頁(yè)面時(shí)感覺(jué)很卡，修改內(nèi)存也不行下面有兩種解決方法，大家可以嘗試下
2013-11-11
JS判斷文本框內(nèi)容改變事件的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)JS判斷文本框內(nèi)容改變事件的簡(jiǎn)單實(shí)例進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-03-03
Javascript Cookie讀寫刪除操作的函數(shù)
Javascript Cookie讀寫刪除操作的函數(shù)代碼，需要操作cookies的朋友可以參考下。
2010-03-03
原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法分析
這篇文章主要介紹了原生js+cookie實(shí)現(xiàn)購(gòu)物車功能的方法,結(jié)合實(shí)例形式分析了javascript結(jié)合cookie存儲(chǔ)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
javascript實(shí)現(xiàn)切換td中的值
這篇文章主要介紹了javascript實(shí)現(xiàn)切換td中的值的方法,需要的朋友可以參考下
2014-12-12
JavaScript實(shí)現(xiàn)簡(jiǎn)單的倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
js中數(shù)組解構(gòu)與對(duì)象解構(gòu)示例代碼
數(shù)組解構(gòu)是一種在 JavaScript 中從數(shù)組中提取值并將它們分配給變量的方式,在數(shù)組解構(gòu)中分為完全解構(gòu),不完全解構(gòu),解構(gòu)失敗以及解構(gòu)默認(rèn)值,這篇文章主要介紹了js中數(shù)組解構(gòu)與對(duì)象解構(gòu),需要的朋友可以參考下
2023-09-09