這篇文章主要介紹了JavaScript中的Object對象學(xué)習(xí)教程,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

參數(shù)：

（1）obj

必需。Object 對象分配到的變量名稱。  

（2）值

可選。任一 JavaScript 基元數(shù)據(jù)類型（數(shù)字、布爾值或字符串）。  如果值是一個對象，則返回的對象是未修改的。  如果值是 null、“未定義”或“未提供”，則創(chuàng)建無內(nèi)容的對象。 

Object對象的方法

Object作為構(gòu)造函數(shù)使用時，可以接受一個參數(shù)。如果該參數(shù)是一個對象，則直接返回這個對象；如果是一個原始類型的值，則返回該值對應(yīng)的包裝對象。利用這一點，可以寫一個判斷變量是否為對象的函數(shù)。

function isObject(value) {

 return value === Object(value);

}

要在Object對象上面部署一個方法，有兩種做法。

部署在Object對象本身

部署在Object.prototype對象

Object.keys方法和Object.getOwnPropertyNames方法很相似，一般用來遍歷對象的屬性。它們的參數(shù)都是一個對象，都返回一個數(shù)組，該數(shù)組的成員都是對象自身的（而不是繼承的）所有屬性名。兩者區(qū)別在于，前者只返回可枚舉的屬性，后者還返回不可枚舉的屬性名。由于數(shù)組存在不可枚舉屬性length，因此一般使用Object.keys遍歷數(shù)組。

JavaScript沒有提供計算對象屬性個數(shù)的方法，可通過 Object.keys(o).length 和 Object.getOwnPropertyNames(o).length 獲取。

Object.observe方法用于觀察對象屬性的變化。

原型鏈相關(guān)方法：

Object.create()：生成一個新對象，并該對象的原型。

Object.getPrototypeOf()：獲取對象的Prototype對象。

Object實例對象的方法

Object.prototype.valueOf()：valueOf方法的作用是返回一個對象的值，默認情況下返回對象本身。該方法的主要用途是，JavaScript自動類型轉(zhuǎn)換時會默認調(diào)用這個方法。

Object.prototype.toString()：toString方法的作用是返回一個對象的字符串形式。當(dāng)對象用于字符串加法時，會自動調(diào)用toString方法。

使用call方法，可以在任意值上調(diào)用Object.prototype.toString方法，從而判斷這個值的類型。不同數(shù)據(jù)類型的toString方法返回值如下：

數(shù)值：返回[object Number]

字符串：返回[object String]

布爾值：返回[object Boolean]

undefined：返回[object Undefined]

null：返回[object Null]

對象：返回”[object “ + 構(gòu)造函數(shù)的名稱 + “]”

Object.prototype.toString.call(2) // "[object Number]"

Object.prototype.toString.call('') // "[object String]"

利用這個特性，可寫出一個比typeof運算符更準確的類型判斷函數(shù)。

var type = function (o){

 var s = Object.prototype.toString.call(o);

 return s.match(/\[object (.*?)\]/)[1].toLowerCase();

};

type({}); // "object"

type([]); // "array"

type(5); // "number"

在上面這個type函數(shù)的基礎(chǔ)上，還可以加上專門判斷某種類型數(shù)據(jù)的方法。

['Null', 'Undefined', 'Object', 'Array', 'String', 'Number',

'Boolean', 'Function', 'RegExp', 'Element', 'NaN', 'Infinite'

].forEach(function (t) {

 type['is' + t] = function (o) {

  return type(o) === t.toLowerCase();

 };

});

type.isObject({}); // true

type.isNumber(NaN); // false

type.isElement(document.createElement('div')); // true

對象的屬性模型

在JavaScript內(nèi)部，每個屬性都有一個對應(yīng)的attributes對象，保存該屬性的一些元信息。使用Object.getOwnPropertyDescriptor方法，可讀取o對象的p屬性的attributes對象。attributes對象包含如下元信息：

value：表示該屬性的值，默認為undefined（只要writable和configurable有一個為true，就可以改動）。

writable：表示該屬性的值（value）是否可以改變，默認為true。

enumerable： 表示該屬性是否可枚舉，默認為true，也就是該屬性會出現(xiàn)在for…in和Object.keys()等操作中。一般來說，系統(tǒng)原生的屬性（即非用戶自定義的屬性）都是不可枚舉的。

表示“可配置性”，默認為true。如果設(shè)為false，表示無法刪除該屬性，也不得改變attributes對象（value屬性除外，如果writable為true，仍可改變value），也就是configurable屬性控制了attributes對象的可寫性。

表示該屬性的取值函數(shù)（getter），默認為undefined。

表示該屬性的存值函數(shù)（setter），默認為undefined。

var o = { p: 'a' };

Object.getOwnPropertyDescriptor(o, 'p');

// Object {

//  value: "a",

//  writable: true,

//  enumerable: true,

//  configurable: true

// }

Object.defineProperty方法允許通過定義attributes對象，來定義或修改一個屬性，然后返回修改后的對象。格式如下：

Object.defineProperty(object, propertyName, attributesObject)

Object.defineProperty方法接受三個參數(shù)，第一個是屬性所在的對象，第二個是屬性名（它應(yīng)該是一個字符串），第三個是屬性的描述對象。通過此方法定義屬性，屬性對象的writable、configurable、enumerable三個屬性的默認值都為false。

Object.defineProperty(o, "p", {

 value: "bar"

});

Object.getOwnPropertyDescriptor(o, 'p');

// Object {

//  value: "bar",

//  writable: false,

//  enumerable: false,

//  configurable: false

// }

如果一次性定義或修改多個屬性，可以使用Object.defineProperties方法。需要注意的是，一旦定義了取值函數(shù)get（或存值函數(shù)set），就不能將writable設(shè)為true，或者同時定義value屬性，否則會報錯。

var o = Object.defineProperties({}, {

 p1: {value: 123, enumerable: true},

 p2: {value: "abc", enumerable: true},

 p3: {

  get: function () {

   return this.p1 + this.p2

  },

  enumerable: true,

  configurable: true

 }

});

enumerable可以用來設(shè)置“秘密”屬性，如果一個屬性的enumerable為false，則 for..in 循環(huán)、Object.keys 方法和 JSON.stringify 方法都不會取到該屬性，但可以通過 o.xx 直接獲取它的值。

for…in循環(huán)和Object.keys方法的區(qū)別在于，前者包括對象繼承自原型對象的屬性，而后者只包括對象本身的屬性。如果需要獲取對象自身的所有屬性，不管enumerable的值，可以使用Object.getOwnPropertyNames方法。

可配置性決定了一個變量是否可以被刪除（delete）。當(dāng)使用var命令聲明變量時，變量的configurable為false，而不使用var命令聲明變量時（或者使用屬性賦值的方式聲明變量），變量的可配置性為true。這說明，delete只能刪除對象的屬性。

var a1 = 1; // configurable: false

a2 = 1; // configurable: true（等價于this.a2 = 1）

除了直接定義以外，屬性還可以用存取函數(shù)（accessor）定義。其中，存值函數(shù)稱為setter，使用set命令；取值函數(shù)稱為getter，使用get命令。利用存取函數(shù)，可以實現(xiàn)數(shù)據(jù)對象與DOM對象的雙向綁定。

Object.defineProperty(user, 'name', {

 get: function () {

  return document.getElementById("foo").value

 },

 set: function (newValue) {

  document.getElementById("foo").value = newValue;

 },

 configurable: true

});

控制對象狀態(tài)

JavaScript提供了三種方法，精確控制一個對象的讀寫狀態(tài)，防止對象被改變。最弱一層的保護是preventExtensions，其次是seal，最強的freeze。

Object.preventExtensions方法可以使得一個對象無法再添加新的屬性，但可以用delete命令刪除它的現(xiàn)有屬性。Object.isExtensible方法可以用來檢查是否可以為一個對象添加屬性。

Object.seal方法使得一個對象既無法添加新屬性，也無法刪除舊屬性。Object.seal還把現(xiàn)有屬性的attributes對象的configurable屬性設(shè)為false，使得attributes對象不再能改變。Object.isSealed方法用于檢查一個對象是否使用了Object.seal方法。

Object.freeze方法可以使得一個對象無法添加新屬性、無法刪除舊屬性、也無法改變屬性的值，使得這個對象實際上變成了常量。Object.isFrozen方法用于檢查一個對象是否使用了Object.freeze()方法。

使用上面這些方法鎖定對象的可寫性，但是依然可以通過改變該對象的原型對象，來為它增加屬性。

var o = new Object();

Object.preventExtensions(o);

var proto = Object.getPrototypeOf(o);

proto.t = "hello";

o.t

// hello

一種解決方案是，把原型也凍結(jié)住。

var o = Object.seal(

 Object.create(Object.freeze({x:1}),

   {y: {value: 2, writable: true}})

);

Object.getPrototypeOf(o).t = "hello";

o.t // undefined

PS：

Object 對象包含在所有其他 JavaScript 對象中；它的所有方法和屬性均可用于所有其他對象。  方法可在用戶定義的對象中進行重新定義，并由 JavaScript 在適當(dāng)時間調(diào)用。   toString方法是頻繁重新定義的 Object 方法的一個示例。  

在此語言參考中，每個 Object 方法的說明均包括內(nèi)部 JavaScript 對象的默認和對象特定的實現(xiàn)信息。

IE兼容方面，微軟MSDN文檔的話是”已在 Internet Explorer 6 之前的 Internet Explorer 中引入 Object Object“，所以不用擔(dān)心~