您好,登錄后才能下訂單哦!
小編給大家分享一下JS中Object對象的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
對象概念
在 javascript 中, 一切引用類型均為對象。 如 function Foo () {}
中,Foo本身就是一個對象的引用。
創(chuàng)建對象方式 字面量方式 new 構造函數函數聲明 Object.create
字面量對象
javascript語言級別快速創(chuàng)建對象的實例
var obj = {foo: 'foo', bar: 'bar'}; // Object對象字面量 var obj2 = [obj, 'foo', 'bar']; // Array數組字面量 var obj3 = /^[a-zA-Z0-9]$/; // RegExp正則字面量 var obj4 = function(){}; // Function函數字面量
new 構造函數
通過內置對象的構造函數,或者自定義的函數。 使用 new
操作符,創(chuàng)建一個對象,并且執(zhí)行構造函數方法。
var obj = new Object(); var obj2 = new Array(1000); var obj3 = new RegExp('^[a-zA-Z0-9]$'); var obj4 = new Function('a', 'b', 'return a + b;');
函數聲明
函數聲明創(chuàng)造的對象. 函數屬于特殊的對象.
function Foo() {} Foo instanceof Object; Foo instanceof Function;
Object.create
傳入一個對象作為返回對象的原型,創(chuàng)建一個新對象, 并將新對象的原型指向傳入的對象中。
var foo = { 'foo': 'foo', 'bar': 'bar' }; var o = Object.create(foo); // o.__proto__ = foo console.log(o.foo); // o.__proto__.foo
使用Object.create(null)
可以返回一個字典型對象.
var o = Object.create(null); o instanceof Object; // return false; o.toString(); // Uncaught TypeError
對象原型
每一個對象都有一個內置的 __proto__
屬性指向構造它的函數prototype
屬性. 而構造函數的
prototype.constructor
則指向構造函數本生。一個對象的屬性的尋找過程由以下幾個部分組成:
尋找對象屬性的數據描述符(writable, value)或存取描述符(getter, setter),如果查詢到了,則返回 對應的值。如果查詢不到,則進入第2步驟。尋找對象屬性的值是否有被顯示定義 (可以通過 Object.getOwnPropertyNames
)檢測,如果對象屬性定義了,則返回定義的值。 如果沒有,則進入第3步驟。尋找對象的隱藏原型__proto__
對象的屬性,規(guī)則同1,2步驟。如果還未找到,則重復第3步驟, 直到__proto__
為null 為止。
具體案例如下圖所示:
檢測對象原型
測試一個對象在其原型鏈中是否存在一個構造函數的 prototype 屬性
instanceof Object.prototype.isPrototypeOf
instanceof
運算符,語言級別的檢測對象的原型鏈是否包含構造函數的原型
function Foo () {} Foo instanceof Function; // return true Foo instanceof Object; // return true
模擬instanceof
查找對象的原型鏈的構造函數是否包含傳入的構造函數, __proto__
在一些特定的瀏覽器有暴露給用戶
function Bar () {} function isInstanceof (obj, Constructor) { if (obj === null) { return false; } // 忽略 string, number, boolean, null, undefined 類型干擾 if (!~['object', 'function'].indexOf(typeof obj)) { return false; } var prototype = obj.__proto__; while(prototype) { if (prototype.constructor === Constructor) { return true; } prototype = prototype.__proto__; } return false; } isInstanceof(Bar, Function); isInstanceof(Bar, Object);
isPrototypeOf
構造函數的原型對象自帶的函數屬性, 用于檢測目標對象的原型鏈中是否存在構造函數的原型對象。
function Baz () {} var baz = new Baz(); Baz.prototype.isPrototypeOf(baz); Function.prototype.isPrototypeOf(baz); Object.prototype.isPrototypeOf(baz);
獲取對象原型 Object.getPrototypeOf __proto__
var o = {}; var prototype = Object.getPrototypeOf(o); console.log(prototype === Object.prototype); // return true // 部分瀏覽器有效 var o2 = {}; console.log(o2.__proto__ === Object.prototype); // return true
設置對象原型 Object.create Object.setPrototypeOf
Object.create
返回一個對象,并設置它的原型
function Foo () {} function Bar () {} Foo.prototype.foo = 'foo'; Bar.prototype = Object.create(Foo.prototype); Bar.prototype.constructor = Bar; // 修正原型鏈的constructor var o = new Bar(); console.log(o.foo); // return foo; console.log(o instanceof Bar); // return true
Object.setPrototypeOf
直接設置對象的隱式原型__proto__
function Foo () {} Foo.prototype.name = 'foo'; var o = Object.create(null); Object.setPrototypeOf(o, Foo.prototype); console.log(o.name); // return foo
以上是“JS中Object對象的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。