我寫了一個程式要告訴你們關於
溫斯頓的生動細節

但是不會說很多 因為溫斯頓喜歡保持神秘

這就是溫斯頓的風格

讓我們來看看我怎麼寫這個程式

我先在程式上方創造一些變量 (varaible) 
來儲存溫斯頓個人資料

第一個變量是數值 - 溫斯頓的年齡
第二個變量是字串 - 他的眼睛顏色

第三個變量是字串陣列 - 他喜歡做的事

而... 最後二個變量是字串 - 描述他的出生地

然後從這裡 我用文字命令 (text command) 
和變量名稱寫出這些

當然對於字串陣列 若要存取陣列元素 
必須使用中括號

不錯

現在 所有五個變量都描述同一件事：
溫斯頓

但是變量彼此之間不知道它們都和溫斯頓有關

我們知道... Javascript 中有一個較好的酷方法

來儲存眾多相關的資訊

它叫做物件 (Object)

物件意思是 與其使用五個變量

只使用一個單獨變量 就能儲存所有資訊 
真的很酷

讓我們來試試溫斯頓的資料

首先 宣告變量 把它叫做溫斯頓 winston

然後 輸入一個開放的大括號 
是彎曲而不是方形的括號

以及一個分號

我們剛剛造了一個物件 但物件內尚無任何東西

若要添加資料 必須加上屬性 (property)

屬性是一個關鍵字 (Key) 和一個數值 
例如 年齡 age 為19

好 至於眼睛 我們要先加上一個逗號

然後眼睛為 "black" 好的 酷

目前為止 溫斯頓有兩項屬性在物件裡

嗯 以此類推 接著我們只要

從上面複製貼上...

呃 非常好 讓我們看看 溫斯頓有三個屬性

每個屬性都有一個關鍵字 位於左手邊

另外還有一個數值 在右手邊

關鍵字所遵循的規則如同
JavaScript 的變量名稱

不能有空格 必須以字母開頭

關鍵字的值可以是我們迄今見過 任何類型的值

可以是數字 也可以是字串 
也可能是一個陣列

甚至可以是一個邏輯符號
因此我們當然可以添加 isCool 其值為 true

實際上 關鍵字值甚至可以是另一個物件

像是 出生城市 BirthCity 出生州 BirthState

這些資訊其實是一件事情的片段 
也就是單一地點

所以 我認為 如果把它存儲為一個物件
可以更有意義

我要添加一個關鍵字 出生地
再次用大括號表達數值

括號內輸入城市的關鍵字："Mountain View"

以及州名："California"

很棒 你現在可以知道

存儲在物件內的資訊可以非常豐富

好 現在我們有這個漂亮物件
介紹溫斯頓有關資訊

讓我們試著去刪除那些

原來不知道彼此的個別變量

OK 嗯 哦呃！我們發現有一個錯誤

因為文字命令參照原來的變量

我們需要從物件更新變量

讓我們註釋掉最後三行 這樣就可以一次做一個

好的 現在講溫斯頓的年齡 WinstonAge

我們需要做的是替換舊變量

因此打出 winston 這是變量名稱

注意 如果我們剛剛就這樣離開 
它就是 object object 這是非常錯的

JavaScript 告訴我們
我們試圖把整個物件轉換列出為一個字串值

但是 我們其實只是想存取它裡面的年齡

因此我們要做的是 輸入一個點

然後輸入屬性的關鍵字 那就是年齡 “age”

成了！我們有了年齡

這個叫做 “點號” 
這裡我們寫出物件的變量名稱 接著是一個點

然後是屬性的關鍵字

好 我們可以做更多
讓我們去掉這註釋

然後 這個變量我們不叫做 winstonEyes 
而稱為 winston.eyes

另外這個是 winston.likes[0]

下來是 winston.likes[1]

最後一個有點複雜 因為

它是物件 winston 內的物件 (birthplace)

我們若說 winston.birthplace

那樣做 birthplace 仍然是整個物件
所以必須用 winston.birthplace.city

好吧 讓我們做到這裡...
winston.birthplace.state

成了！真的很酷 因為可以在物件中存取資料

好

真棒 你可以看到

物件存儲一堆與目標相關的資訊

方便之後存取

如果你學下去 你會發現物件真是棒呀！