WPS-JSA 了解對象變量中的鍵值對

上一篇文章介紹了通過字面量形式來聲明各種數據類型的變量，即直接將值寫在代碼中作為變量的初始值。今天繼續介紹聲明對象變量的另一種寫法。

上一篇的代碼：

function 對象作為變量(){
  var 寶總={年齡:30,職位:"總經理"};
  var 爺叔={年齡:90,職位:"軍師"};
  Console.log(寶總.年齡);
  Console.log(寶總.職位);
  Console.log(爺叔.年齡);
  Console.log(爺叔.職位);
}

今天介紹另一種寫法，代碼：

function 對象作為變量(){
  var 寶總={};
  寶總.年齡=30;
  寶總.職位="總經理";
  var 爺叔={};
  爺叔.年齡=90;
  爺叔.職位="軍師";
  Console.log(寶總.年齡);
  Console.log(寶總.職位);
  Console.log(爺叔.年齡);
  Console.log(爺叔.職位);
}

最後Console.log()的輸出結果是一樣的，對象數據類型就是一種復合型的數據類型，它允許把多個數據放在它這個數據的集合中。第二種寫法"={}"就是使用了對象字面量的形式創建了一個空的對象，由於剛開始大括號{}裡面沒有包含任何鍵值對，因此這就是一個空的對象，空對象需要添加數據就需要寫上新的鍵值對。而上文中的第一種寫法"={鍵值對}"同樣是使用了對象字面量的形式，但由於大括號{}裡面已經包含了寫好了的鍵值對，在var聲明對象變量時數據直接添加進去了。

兩種鍵值對寫法註意標點符號的區別，一種是冒號(:)，另一種是點號(.)。這裡先說一下點號(.)，我們在代碼裡進行觀察，比如我們在第8行代碼中先刪除寶總的年齡，再次輸入點號(.)，我們觀察到寶總有一個年齡的屬性，點擊它會幫我們自動補齊代碼。如圖：

在這行語句裡，點號(.)就是用來訪問對象的屬性並獲取對象中已有的屬性值，這是它的訪問功能。

除了訪問屬性，點號(.)也可創建新的屬性並賦值。舉例來說，請往上看第3行代碼：寶總.年齡=30; 在語法上點號(.)給對象寶總創建了一個叫年齡的屬性，通過等號(=)將30這個值賦給了該屬性。同樣第4行代碼：寶總.職位="總經理"; 寫好後為對象寶總增加了職位的屬性，屬性值是"總經理"，這兩個屬性作為屬性名就叫鍵。所以點號(.)可以看作創建了一個鍵值對。

冒號它也可以創建鍵值對，區別隻在於與點號(.)在不同的上下文環境中。冒號(:)可能還更好理解，就把它理解成一個分隔符，把鍵和值分隔了出來，通過分隔方式來描述鍵與值的對應關系，從而創建了鍵值對。

限於篇幅，關於對象變量的其他基礎知識下篇文章再講，感謝閱讀。