Object對象詳細參考

本文參考MDN做的詳細整理,方便大家參考MDN
JavaScript原生提供一個Object對象(注意起首的O是大寫),所有其他對象都繼承自這個對象。

構造函數:

Object 構造函數爲給定的值創建一個對象包裝。
如果給定值是 null or undefined,將會創建並返回一個空對象
否則,將返回一個與給定值對應類型的對象。
當以非構造函數形式被調用時,Object() 等同於 new Object()。
var o1 = new Object();//創建空對象,等同:var o1 = {};

Object()方法:

Object本身當作工具方法使用時,可以將任意值轉爲對象。如果參數是原始類型的值,Object方法返回對應的包裝對象的實例。
Object() // 返回一個空對象
Object(undefined) // 返回一個空對象
Object(null) // 返回一個空對象
Object('foo') instanceof String // true
Object(o1) === o1// true 如果Object方法的參數是一個對象,它總是返回原對象
if( obj === Object(obj) ) //這個方法常用於判斷某個值是否是對象。

屬性:

Object.length 值爲1。
Object.prototype 可以爲所有 Object 類型的對象添加屬性。

屬性描述符:本文最後又詳細說明

Object 對象的靜態方法:

所謂“靜態方法”,是指部署在對象自身的方法。在 ES5 中,如果參數不是一個對象類型,將拋出一個 TypeError 異常。在 ES6 中, non-object 參數將被視爲一個不可擴展的普通對象,因此會返回 false 。

常用方法:
1)對象屬性模型的相關方法
Object.getOwnPropertyDescriptor():獲取某個屬性的attributes對象。
Object.defineProperty():通過attributes對象,定義某個屬性。
Object.defineProperties():通過attributes對象,定義多個屬性。
Object.getOwnPropertyNames():返回直接定義在某個對象上面的全部屬性的名稱。
(2)控制對象狀態的方法
Object.preventExtensions():防止對象擴展。
Object.isExtensible():判斷對象是否可擴展。
Object.seal():禁止對象配置。
Object.isSealed():判斷一個對象是否可配置。
Object.freeze():凍結一個對象。
Object.isFrozen():判斷一個對象是否被凍結。
(3)原型鏈相關方法
Object.create():生成一個新對象,並該對象的原型。
Object.getPrototypeOf():獲取對象的Prototype對象。

Object.assign(target, ...sources) IE不支持
把任意多個的源對象sources自身的可枚舉屬性淺拷貝給目標對象,然後返回目標對象target,若屬性名重複則拋出異常打斷接下來的拷貝任務,Object.assign 會跳過那些值爲 null 或 undefined 的源對象。

Object.create(proto, [ propertiesObject ]) IE9
創建一個擁有指定的原型對象proto和可選的屬性描述符對象propertiesObject
如果 proto 參數不是 null 或一個對象值,則拋出一個 TypeError 異常。
屬性描述符對象propertiesObject不能是 undefined,另外只有該對象中自有的可枚舉的屬性纔有效,也就是說該對象的原型鏈上屬性是無效的。
//創建一個以另一個空對象爲原型,且擁有一個可寫的,可枚舉的,不可配置的屬性p,省略了的屬性特性默認爲false
var o2 = Object.create({}, { p: { value: 42, writable: true, enumerable: true } });

Object.defineProperty(obj, property, descriptor) IE9(IE8部分支持)
精確地給對象obj添加或修改一個自有屬性property,詳細指定該屬性的配置對象descriptor,最後返回這個對象obj。
一般情況下,我們爲對象添加屬性是通過賦值來創建並顯示在屬性枚舉中(for...in 或 Object.keys 方法), 但這種方式添加的屬性值可以被改變,也可以被刪除。
而使用 Object.defineProperty() 則允許改變這些額外細節的默認設置。例如,默認情況下,使用 Object.defineProperty() 增加的屬性值是不可改變的。

Object.defineProperties(obj, props) IE9
在一個對象obj上添加或修改一個或者多個自有屬性,並分別指定它們的配置。返回該對象。參數props是該對象的一個或多個鍵值對,值爲將要爲對象添加或修改的屬性的具體配置

Object.getOwnPropertyDescriptor(obj, prop) IE8
返回指定對象obj上一個自有屬性對應的屬性描述符對象prop。否則返回 undefined

Object.keys() IE9
返回一個數組,包含指定對象的所有自有可枚舉的屬性的名稱。

Object.getOwnPropertyNames(obj) IE9
返回一個包含了指定對象所有自有的屬性名的數組(包含不可枚舉的屬性)。
該數組中枚舉屬性的順序與通過 for...in loop(或 Object.keys)迭代該對象屬性時一致,而數組中不可枚舉屬性的順序未定義。

Object.getOwnPropertySymbols(obj) ES6
返回一個數組,它包含了指定對象自身所有的符號屬性(symbol 屬性鍵)。

Object.getPrototypeOf(obj) IE9
返回指定對象obj的原型對象obj.prototype。

Object.is(value1, value2) IE Safari 無
判斷兩個值是否嚴格相等。(類似===運算符,但+0不等於-0,NaN等於自己)。

Object.freeze(obj) IE9
凍結對象:凍結對象obj的所有自身屬性都不可能以任何方式被修改(不管是數據屬性還是訪問器屬性)。任何嘗試修改該對象的操作都會失敗,可能是靜默失敗,也可能會拋出異常(嚴格模式中)。如果一個屬性的值是個對象,則這個對象中的屬性是可以修改的,除非它也是個凍結對象。

Object.isFrozen() IE9 ,但Opera無
判斷對象是否已經凍結。一個對象是凍結的(frozen)是指它不可擴展,所有屬性都是不可配置的(non-configurable),且所有數據屬性(data properties)都是不可寫的(non-writable)

Object.isSealed() IE9 ,但Opera無
判斷對象是否已經密封。密封對象是指那些不可 擴展 的,且所有自身屬性都不可配置的(non-configurable)且屬性不可刪除的對象(其可以是可寫的)。

Object.isExtensible(obj) IE9
判斷對象是否可擴展(是否可以在它上面添加新的屬性)。Object.preventExtensions,Object.seal 或 Object.freeze 方法都可以標記一個對象爲不可擴展。

Object.preventExtensions(obj) IE9 ,但Opera無
讓一個對象變的不可擴展,也就是永遠不能再添加新的屬性。
不可擴展的對象的屬性通常仍然可以被刪除。
嘗試給一個不可擴展對象添加新屬性的操作將會失敗,不過可能是靜默失敗,也可能會拋出 TypeError 異常(嚴格模式)。
Object.preventExtensions 只能阻止一個對象不能再添加新的自身屬性,仍然可以爲該對象的原型添加屬性。

Object.seal() IE9 ,但Opera無
密封對象以防屬性被刪除,不會影響從原型鏈上繼承的屬性。但自身的__proto__屬性的值也會不能修改。返回被密封后的對象。密封對象是指那些不能添加新的屬性,不能刪除已有屬性,以及不能修改已有屬性的可枚舉性、可配置性、可寫性,但可能可以修改已有屬性的值的對象

Object.setPrototypeOf(obj, prototype) ES6 IE11 但Safari無
將一個指定的對象的原型設置爲另一個對象或者null(既對象的[[Prototype]]內部屬性)。如果對象的[[Prototype]]被修改成不可擴展,就會拋出 TypeError異常。如果prototype參數不是一個對象或者null(例如,數字,字符串,boolean,或者 undefined),則什麼都不做。否則,該方法將obj的[[Prototype]]修改爲新的值。

Object.values() ES7
返回一個包含指定對象所有的可枚舉屬性值的數組

Object對象的實例屬性:

所有對象都會從它的原型上繼承一個 constructor 屬性
Object.prototype.constructor
返回一個指向創建了該對象原型的函數引用。需要注意的是,該屬性的值是那個函數本身,而不是一個包含函數名稱的字符串。

Object對象的實例方法:

部署在Object.prototype對象上的,所有Object的實例對象都繼承了這些方法

Object.prototype.hasOwnProperty()
返回一個布爾值 ,用來判斷某個對象是否含有指定的自身屬性。和 in 運算符不同,該方法會忽略掉那些從原型鏈上繼承到的屬性。

Object.prototype.isPrototypeOf(obj)
返回一個布爾值,檢測指定對象obj是否在本對象的原型鏈中。

Object.prototype.propertyIsEnumerable(propty)
判斷指定屬性是否可枚舉。每個對象都有 propertyIsEnumerable 方法。該方法可以判斷出指定對象裏的屬性是否可枚舉,也就是說該屬性是否可以通過 for...in 循環等遍歷到,不過繼承的可枚舉屬性可以通過 for...in 循環遍歷到,所以對於繼承屬性該方法會返回false。如果對象沒有指定的屬性,該方法返回 false。

Object.prototype.toLocaleString()
直接調用 toString()方法。覆蓋了 toLocaleString() 方法的對象:
Array: Array.prototype.toLocaleString()
Number: Number.prototype.toLocaleString()
Date: Date.prototype.toLocaleString()

Object.prototype.toString()
返回對象的字符串表示。

Object.prototype.valueOf()
返回指定對象的原始值。

不同數據類型的Object.prototype.toString方法返回值如下:

數值:返回[object Number]。
字符串:返回[object String]。
布爾值:返回[object Boolean]。
undefined:返回[object Undefined]。
null:返回[object Null]。
數組:返回[object Array]。
arguments對象:返回[object Arguments]。
函數:返回[object Function]。
Error對象:返回[object Error]。
Date對象:返回[object Date]。
RegExp對象:返回[object RegExp]。
其他對象:返回[object " + 構造函數的名稱 + "]。

也就是說,Object.prototype.toString可以得到一個實例對象的構造函數

利用這個特性,可以寫出一個比typeof運算符更準確的類型判斷函數:

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(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

在上面這個type函數的基礎上,還可以加上專門判斷某種類型數據的方法:

['Null',
 'Undefined',
 'Object',
 'Array',
 'String',
 'Number',
 'Boolean',
 'Function',
 'RegExp',
 'NaN',
 'Infinite'
].forEach(function (t) {
  type['is' + t] = function (o) {
    return type(o) === t.toLowerCase();
  };
});
type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true

屬性描述符:
在 Javascript 中, 屬性 由一個字符串類型的“名字”(name)和一個“屬性描述符”(property descriptor)對象構成。
描述符必須是兩種形式之一:數據描述符和存取描述符。數據描述符是一個擁有value-writable可寫或不可寫值的屬性。存取描述符是由一對 get-set 函數功能來描述的屬性。它們的默認值是undefined,而其它兩個可選的屬性enumerable,configurable的默認值是false
value
writable 當且僅當該屬性的 writable 爲 true 時,該屬性才能被賦值運算符改變。默認爲 false。
get
set 一個給屬性提供 setter 的方法,如果沒有 setter 則爲 undefined。該方法將接受唯一參數,並將該參數的新值分配給該屬性。默認爲 undefined。
屬性特性 configurable 表示對象的屬性是否可以被刪除,如果 configurable 特性爲false,那麼 writable 只能從true該爲false外,其他特性都不能被修改,並且數據和存取描述符也不能相互切換。若嘗試修改爲不同的值,則拋出TypeError異常
屬性特性 enumerable 定義了對象的屬性是否可以在 for...in 循環和 Object.keys() 中被枚舉。
這些選項不一定是自身屬性,如果是繼承來的也要考慮。爲了確認保留這些默認值,你可能要在這之前凍結 Object.prototype,明確指定所有的選項,或者將__proto__屬性指向null。

var o = {};
o.a = 1;
// 等同於 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : true,
  configurable : true,
  enumerable : true
});
// 另一方面,
Object.defineProperty(o, "a", { value : 1 });
// 等同於 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : false,
  configurable : false,
  enumerable : false
});
function Archiver() {
    var temperature = null;
    var archive = [];
    Object.defineProperty(this, \'temperature\', {
        get: function() {
            return temperature;
        },
        set: function(value) {
            temperature = value;
            archive.push({ val: temperature });
        },
        enumerable:true,
        configurable:true //可省略
    });
    this.getArchive = function() { return archive; };
}
var arc = new Archiver();
console.log(arc.archive);//undefined
arc.temperature = 11;
console.log(arc.temperature); //11
arc.getArchive(); // [{ val: 11 }]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章