首頁 > web前端 > js教程 > Javascript學習筆記之 物件篇(一) : 物件的使用與屬性_基礎知識

Javascript學習筆記之 物件篇(一) : 物件的使用與屬性_基礎知識

WBOY
發布: 2016-05-16 16:43:11
原創
1366 人瀏覽過
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 recognized
2 .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 12
var bar = {test: 12}; 
登入後複製

存取物件的屬性

我們可以用兩種方式來存取 Javascript 的對象,分別是點運算子 . 和中括號運算子 [] 。

var foo = {name: 'kitten'}
foo.name; // kitten
foo['name']; // kitten

var get = 'name';
foo[get]; // kitten

foo.1234; // SyntaxError
foo['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 解析器。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板