【新手大哉問】property、key、value、reference，到底是什麼啦？

剛學程式的時候，很常聽到這些詞，越聽越混淆阿。所以我打算在菜鳥時期就趕快釐清這些詞。一定不只我一個人這樣混淆的，對…對吧！？

在css中的property（屬性）：

在CSS中：

真是一圖點醒夢中人～
所以有propertyName的用法。

property（屬性）、key（鍵）、value（值）：

根據MDN的定義：物件是屬性的集合，屬性是名稱（或鍵）與值之間的關聯。屬性的值可以是函數。
property（屬性）： 就是 key/value 的組合。
key（鍵）： 就是這個屬性的名稱，任何字串都可以作為key，JS中的Array就是一個很好的範例。
value（值）： 在value 中可以放入任何型別的值，當然也包括物件。

var myObj = { prop1: 'hello world', "prop-2": 123 };

key、value常出現在物件中。可以把物件想成是屬性的容器。

var obj = {
    key1: value1,
    key2: value2
};

key這個名稱也常出現在陣列中。但我一開始以為跟物件一樣，陣列是用key、value來稱呼。
等等，不是阿！陣列中常用item（項目）、index（索引，指的是第幾個項目，從0開始數）來表示。

var fruits = ['Apple', 'Banana'];　
//'Apple'是其中一個項目，索引是0，'Banana'是其中一個項目，索引是1。

reference（參考）

這篇我有找到更好的解釋文章。
打”call by value or by reference”就可以找到很多資料。

class=”OOO”或是id=“OOO”

那麼，在html檔案中，class=“OOO”，或是id=“OOO”，應該如何稱呼那些OOO呢？
一般都會說:命名class或id為OOO。所以OOO，我理所當然的當成class或id的名字。
切換到css檔案中，OOO就會是selecor（選擇器）。

.Class或#id名稱（選擇器）{ 
  屬性：屬性值； 
  ... 
}

下台一鞠躬。>___<