Javascript學習筆記之 對象篇(一) : 對象的使用和屬性
false.toString(); // 'false' [1, 2, 3].toString(); // '1,2,3' function Foo(){} Foo.bar = 1; Foo.bar; // 1
一個經常容易被誤解的就是數(shù)字常量不能視為對象,實際上數(shù)字常量仍然可以視為對象。這是因為 Javascript 解析器在解析點操作符時而將其視為浮點數(shù)特征而犯下的錯誤。
2.toString(); // raises SyntaxError
實際上,我們有很多方法可以使得數(shù)字常量表現(xiàn)為一個對象。
2..toString(); // the second point is correctly recognized 2 .toString(); // note the space left to the dot (2).toString(); // 2 is evaluated first
對象作為數(shù)據(jù)類型
Javascript 中的對象可以當做哈希表使用,它們主要包含鍵與值的對應關系。
使用 {} 符號來創(chuàng)建一個簡單的對象,這個新建的對象將從 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
兩種操作符的效果幾乎一樣,唯一的不同是中括號操作符允許動態(tài)設置屬性而且屬性名可以有語法錯誤。(上例中的第三個情形已說明)
刪除對象的屬性
刪除屬性的唯一方法是使用 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 只能刪除屬性,并不能刪除變量。所以我們在定義變量時一定要養(yǎng)成寫 var 的好習慣,任何時候,變量一定要使用 var 關鍵字才能聲明。因為如果不寫 var,變量會被誤認給全局對象創(chuàng)建了一個新屬性。
這個例子相當清楚給出了答案,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 解析器。
相關文章
Node.js生成HttpStatusCode輔助類發(fā)布到npm
本篇文章小編為大家介紹利用Node.js為Node.js生成HttpStatusCode輔助類并發(fā)布到npm,有需要的朋友可以參考一下2013-04-04深入解讀JavaScript中的Iterator和for-of循環(huán)
這篇文章主要介紹了JavaScript中的Iterator和for-of循環(huán),是JS入門學習中的基礎知識,需要的朋友可以參考下2015-07-07JavaScript中循環(huán)遍歷Array與Map的方法小結
這篇文章主要介紹了JavaScript中循環(huán)遍歷Array與Map的各種方法,利用的都是js入門學習中的基礎知識,需要的朋友可以參考下2016-03-03javascript中call()、apply()的區(qū)別
這篇文章主要介紹了javascript中call()、apply()的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-03-03分享javascript實現(xiàn)的冒泡排序代碼并優(yōu)化
本文給大家匯總介紹了幾個個人收藏的JavaScript實現(xiàn)冒泡排序的代碼,都是非常的不錯,有需要的小伙伴可以參考下2016-06-06