小編給大家分享一下JS中Object對象的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

北辰ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

對象概念

在 javascript 中, 一切引用類型均為對象。 如 function Foo () {} 中，F(xiàn)oo本身就是一個對象的引用。

創(chuàng)建對象方式 字面量方式 new 構(gòu)造函數(shù)函數(shù)聲明 Object.create

字面量對象

javascript語言級別快速創(chuàng)建對象的實例

var obj = {foo: 'foo', bar: 'bar'}; // Object對象字面量
var obj2 = [obj, 'foo', 'bar']; // Array數(shù)組字面量
var obj3 = /^[a-zA-Z0-9]$/; // RegExp正則字面量
var obj4 = function(){}; // Function函數(shù)字面量

new 構(gòu)造函數(shù)

通過內(nèi)置對象的構(gòu)造函數(shù)，或者自定義的函數(shù)。 使用 new 操作符，創(chuàng)建一個對象，并且執(zhí)行構(gòu)造函數(shù)方法。

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;');

函數(shù)聲明

函數(shù)聲明創(chuàng)造的對象. 函數(shù)屬于特殊的對象.

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

對象原型

每一個對象都有一個內(nèi)置的 __proto__ 屬性指向構(gòu)造它的函數(shù)prototype屬性. 而構(gòu)造函數(shù)的

prototype.constructor 則指向構(gòu)造函數(shù)本生。一個對象的屬性的尋找過程由以下幾個部分組成:

尋找對象屬性的數(shù)據(jù)描述符(writable, value)或存取描述符(getter, setter)，如果查詢到了，則返回 對應(yīng)的值。如果查詢不到，則進(jìn)入第2步驟。尋找對象屬性的值是否有被顯示定義 (可以通過 Object.getOwnPropertyNames)檢測，如果對象屬性定義了，則返回定義的值。 如果沒有，則進(jìn)入第3步驟。尋找對象的隱藏原型__proto__對象的屬性，規(guī)則同1，2步驟。如果還未找到，則重復(fù)第3步驟， 直到__proto__ 為null 為止。

具體案例如下圖所示:

檢測對象原型

測試一個對象在其原型鏈中是否存在一個構(gòu)造函數(shù)的 prototype 屬性

instanceof Object.prototype.isPrototypeOf

instanceof

運算符，語言級別的檢測對象的原型鏈?zhǔn)欠癜瑯?gòu)造函數(shù)的原型

function Foo () {}
Foo instanceof Function; // return true
Foo instanceof Object; // return true

模擬instanceof查找對象的原型鏈的構(gòu)造函數(shù)是否包含傳入的構(gòu)造函數(shù), __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

構(gòu)造函數(shù)的原型對象自帶的函數(shù)屬性, 用于檢測目標(biāo)對象的原型鏈中是否存在構(gòu)造函數(shù)的原型對象。

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

設(shè)置對象原型 Object.create Object.setPrototypeOf

Object.create

返回一個對象，并設(shè)置它的原型

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

直接設(shè)置對象的隱式原型__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對象的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：JS中Object對象的示例分析
文章分享：http://chinadenli.net/article38/gsjcpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站制作、云服務(wù)器、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)