Javascript學習筆記之 對象篇（一） : 對象的使用和屬性

false.toString(); // 'false'[1, 2, 3].toString(); // '1,2,3'function Foo(){}Foo.bar = 1;Foo.bar; // 1

一個經常容易被誤解的就是數字常量不能視為對象，實際上數字常量仍然可以視為對象。這是因為 Javascript 解析器在解析點操作符時而將其視為浮點數特徵而犯下的錯誤。

2.toString(); // raises SyntaxError

實際上，我們有很多方法可以使得數字常量表現為一個對象。

2..toString(); // the second point is correctly recognized2 .toString(); // note the space left to the dot(2).toString(); // 2 is evaluated first

對象作為資料類型

Javascript 中的對象可以當做雜湊表使用，它們主要包含鍵與值的對應關係。
使用 {} 符號來建立一個簡單的對象，這個建立的對象將從 Object.prototype 繼承而來，並且不包含自己定義的屬性。

var foo = {}; // a new empty object// a new object with a 'test' property with value 12var bar = {test: 12}; 

訪問對象的屬性

我們可以使用兩種方式來訪問 Javascript 的對象，分別是點操作符 . 和中括弧操作符 [] 。

var foo = {name: 'kitten'}foo.name; // kittenfoo['name']; // kittenvar get = 'name';foo[get]; // kittenfoo.1234; // SyntaxErrorfoo['1234']; // works

兩種操作符的效果幾乎一樣，唯一的不同是中括弧操作符允許動態設定屬性而且屬性名稱可以有語法錯誤。（上例中的第三個情形已說明）

刪除對象的屬性

刪除屬性的唯一方法是使用 delete，將屬性值設定為 undefined 或 null 只是移除了與屬性相關的值，並沒有真正刪除屬性本身。

var obj = { bar: 1, foo: 2, baz: 3};obj.bar = undefined;obj.foo = null;delete obj.baz;for(var i in obj) { if (obj.hasOwnProperty(i)) { console.log(i, '' + obj[i]); }}

上面的輸出 bar undefined 和 foo null，只有 baz 真正被刪除。
這裡要說明一點，delete 只能刪除屬性，並不能刪除變數。所以我們在定義變數時一定要養成寫 var 的好習慣，任何時候，變數一定要使用 var 關鍵字才能聲明。因為如果不寫 var，變數會被誤認給全域對象建立了一個新屬性。

這個例子相當清楚給出了答案，a 為變數，而 b 只是一個全域對象的屬性而已。

命名物件的屬性

var test = { 'case': 'I am a keyword, so I must be notated as a string', delete: 'I am a keyword, so me too' // raises SyntaxError};

對象的屬性可以用一般字元或字串來命名。同樣也是由於 Javascript 解析器的一個錯誤設計，上例中的第二種表示方法在 ECMAScript 5 中將會拋出一個錯誤。
錯誤的原因是因為 delete 是一個關鍵詞，所以必須使用一個字串常量來命名來適應老版的 Javascript 解析器。