重新認(rèn)識Javascript的對象

1.對象基礎(chǔ)

var person = {
name : ['Bob', 'Smith'],
age : 32,
gender : 'male',
interests : ['music', 'skiing'],
bio : function() {
alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
},
greeting: function() {
alert('Hi! I'm ' + this.name[0] + '.');
}
};

* 對象成員的值可以是任意的会通,在我們的person對象里有字符串(string)口予,數(shù)字(number),兩個(gè)數(shù)組(array)涕侈,兩個(gè)函數(shù)(function)沪停。前4個(gè)成員是資料項(xiàng)目,被稱為<strong>對象的屬性(property)</strong>裳涛,后兩個(gè)成員是函數(shù)木张,允許對象對資料做一些操作,被稱為<strong>對象的方法(method)</strong>

####1.1點(diǎn)表示法:
>```
person.age
person.interests[1]
person.bio()
  • 點(diǎn)表示法端三,來訪問對象的屬性和方法舷礼。標(biāo)識可以是屬性名稱(name),或者是數(shù)組屬性的一個(gè)子元素,又或者是對象的方法調(diào)用郊闯。

1.2中括號表示法:

.點(diǎn)表示法
person.age
person.name.first
[]括號表示法
person['age']
person['name']['first']

* 這看起來很像訪問一個(gè)數(shù)組的元素妻献,從根本上來說是一回事兒蛛株,你使用了關(guān)聯(lián)了值的名字,而不是索引去選擇元素育拨。難怪對象有時(shí)被稱之為關(guān)聯(lián)數(shù)組(associative array)了——對象做了字符串到值的映射谨履,而數(shù)組做的是數(shù)字到值的映射。

####1.3設(shè)置對象成員
>目前我們僅僅看到了如何訪問對象的成員至朗,而你其實(shí)也可以設(shè)置對象成員的值屉符,通過聲明你要設(shè)置的成員,像這樣:

person.age = 45
person['name']['last'] = 'Cratchit'

設(shè)置成員并不意味著你只能更新已經(jīng)存在的屬性的值锹引,你完全可以創(chuàng)建新的成員矗钟,嘗試以下代碼:

person['eyes'] = 'hazel'
person.farewell = function() { alert("Bye everybody!") }

<b>`括號表示法`</b>一個(gè)有用的地方是它不僅可以動態(tài)的去設(shè)置對象成員的值,還可以動態(tài)的去設(shè)置成員的名字嫌变。
這是使用點(diǎn)表示法無法做到的吨艇,點(diǎn)表示法只能接受字面量的成員的名字,不接受變量作為名字腾啥。


---
>MDN https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Basics
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末东涡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子倘待,更是在濱河造成了極大的恐慌疮跑,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凸舵,死亡現(xiàn)場離奇詭異祖娘,居然都是意外死亡殿较,警方通過查閱死者的電腦和手機(jī)耍缴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來骄呼,“玉大人菇夸,你說我怎么就攤上這事琼富。” “怎么了庄新?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵鞠眉,是天一觀的道長。 經(jīng)常有香客問我择诈,道長凡蚜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任吭从,我火速辦了婚禮朝蜘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘涩金。我一直安慰自己谱醇,他們只是感情好暇仲,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著副渴,像睡著了一般奈附。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上煮剧,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天斥滤,我揣著相機(jī)與錄音,去河邊找鬼勉盅。 笑死佑颇,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的草娜。 我是一名探鬼主播挑胸,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宰闰!你這毒婦竟也來了茬贵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤移袍,失蹤者是張志新(化名)和其女友劉穎解藻,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體葡盗,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡螟左,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了戳粒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片路狮。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡虫啥,死狀恐怖蔚约,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情涂籽,我是刑警寧澤苹祟,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站评雌,受9級特大地震影響树枫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜景东,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一砂轻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧斤吐,春花似錦搔涝、人聲如沸厨喂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜕煌。三九已至,卻和暖如春诬留,著一層夾襖步出監(jiān)牢的瞬間斜纪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工文兑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盒刚,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓彩届,卻偏偏與公主長得像伪冰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子樟蠕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容