這篇文章主要介紹“js中的Object.create方法怎么使用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“js中的Object.create方法怎么使用”文章能幫助大家解決問題。

做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù)團(tuán)隊(duì)是一支充滿著熱情的團(tuán)隊(duì)，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求，同時(shí)竭誠為客戶提供服務(wù)是我們的理念。創(chuàng)新互聯(lián)建站把每個(gè)網(wǎng)站當(dāng)做一個(gè)產(chǎn)品來開發(fā)，精雕細(xì)琢，追求一名工匠心中的細(xì)致，我們更用心！

ECMAScript 5 新增了 Object.create() 方法將原型式繼承的概念規(guī)范化

用法

var obj = Object.create({name: 'johan', age: 23}) // obj 繼承了屬性name 和 age
var obj2 = Object.create(null) // obj2 不繼承任何屬性和方法
var obj3 = Object.create(Object.prototype) // 與 {} 和 new Object() 一個(gè)意思
var obj4 = Object.create({}, {
    property1: {
        value: true,
        writable: true
    }
}) // 第二個(gè)參數(shù)與 Object.defineProperties() 一致
圖解 Object.create 實(shí)現(xiàn)
function create(proto) {
    function F(){}
    F.prototype = proto
    return new F()
}

第一步：function F(){}

即創(chuàng)建一個(gè)函數(shù)，因?yàn)榧s定首字母大寫，視為構(gòu)造函數(shù)，創(chuàng)建函數(shù) F 時(shí)，F(xiàn) 構(gòu)造函數(shù)與和它的原型對(duì)象就有了這一層的關(guān)系：

F.prototype === F.prototype; // 假設(shè)你把F.prototype當(dāng)作一個(gè)值
F.prototype.constructor === F;

第二步：F.prototype = proto

即將 F.prototype 賦值為傳入的 proto，如此就打破了F.prototype = F.prototype 以及 F.prototype.constructor = F ，它們的關(guān)系為

第三步：return new F()

第三步的解讀有點(diǎn)費(fèi)解，因?yàn)檫@里涉及到 new 的操作，在 new 改變了對(duì)象 中我們說過，new 會(huì)創(chuàng)建一個(gè)對(duì)象，并將這個(gè)對(duì)象的隱式原型(__proto__) 指向構(gòu)造函數(shù)的原型對(duì)象，并初始化構(gòu)造函數(shù)，如果值則返回值。我們也會(huì)在后續(xù)的原型中介紹，new 是隱式原型繼承，Object.create 是顯式原型繼承

在這里，我們按實(shí)現(xiàn) new 的方式來解讀 return new F()。new F 后的實(shí)例的 __proto__ 指向的是 F.prototype，而這個(gè)值已經(jīng)在第二步時(shí)指給了傳來的 proto，所以就有了new F().__proto__ = proto

或許你還是不太清楚第三步，我們結(jié)合例子，就一目了然了

var obj = Object.create({name: 'johan'})

第三步的圖解就成了這樣：

這樣就成了， obj 繼承自{name: johan} 這個(gè)對(duì)象，至于F.prototype = {name: 'johan'}，在調(diào)用完 Object.create 之后，也因?yàn)闆]人使用 F 函數(shù)而被引擎當(dāng)作垃圾回收了，遂成了obj.__proto__ = {name: 'johan'}

如此「原型式繼承」就被傳承下來了

其原理就是如此，簡單來說，就是創(chuàng)建空（構(gòu)造）函數(shù)，關(guān)聯(lián)它的原型（實(shí)現(xiàn)繼承）

Object.create(null)

在閱讀源碼時(shí)，常會(huì)看到 Object.create(null) ，用此初始化一個(gè)新對(duì)象，至于為什么用這個(gè)方法而不用 new Object 或者 {}，是因?yàn)闊o論 new 還是字面量，都是繼承自 Object 構(gòu)造函數(shù)，而使用Object.create(null) ，能得到一個(gè)沒有任何繼承痕跡的對(duì)象

var obj = Object.create(null)

關(guān)于“js中的Object.create方法怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前標(biāo)題：js中的Object.create方法怎么使用
URL網(wǎng)址：http://jinyejixie.com/article26/ijjpcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、企業(yè)建站、網(wǎng)站改版、品牌網(wǎng)站制作

廣告

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