js中Object.create實(shí)例用法詳解
更新時(shí)間：2021年10月05日 08:32:49 作者：小妮淺淺
在本篇文章里小編給大家整理的是一篇關(guān)于js中Object.create實(shí)例用法及相關(guān)基礎(chǔ)內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。
1、用Object.create()方法創(chuàng)建新對(duì)象，并使用現(xiàn)有對(duì)象提供新對(duì)象的proto。
2、提供兩個(gè)參數(shù)，第一個(gè)是新創(chuàng)建的原型對(duì)象，第二個(gè)是為新創(chuàng)建的對(duì)象添加屬性的對(duì)象。
實(shí)例
// father 對(duì)象
let father = {
name: 'father',
friend: ['abby', 'bob']
}
// 生成新實(shí)例對(duì)象 child1
let child1 = Object.create(father)
// 更改值類型屬性
child1.name = '修改了name'
console.log(child1.name) //修改了name
// 更改引用類型值
child1.friend.push('chely')
console.log(child1.friend) //[ 'abby', 'bob', 'chely' ]
// 生成新實(shí)例對(duì)象 child2
let child2 = Object.create(father)
console.log(child2.name) //father
console.log(child2.friend) //[ 'abby', 'bob', 'chely' ]
知識(shí)點(diǎn)擴(kuò)展：
Object.create()創(chuàng)建方法實(shí)例
const person = {
isHuman: false,
printIntroduction: function() {
console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
}
};
const me = Object.create(person);
me.name = 'Matthew'; // "name" is a property set on "me", but not on "person"
me.isHuman = true; // inherited properties can be overwritten
me.printIntroduction();
// expected output: "My name is Matthew. Am I human? true"
運(yùn)行結(jié)果
> "My name is Matthew. Am I human? true"
到此這篇關(guān)于js中Object.create實(shí)例用法詳解的文章就介紹到這了,更多相關(guān)js中Object.create方法是什么內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JavaScript中pop()方法的使用教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
本篇文章給大家分享了JS基礎(chǔ)內(nèi)容this指向以及call、apply的相關(guān)知識(shí)點(diǎn)內(nèi)容，有興趣的朋友可以學(xué)習(xí)參考下。2018-05-05
javascript:void(0)的含義及用法實(shí)例
這篇文章介紹了javascript:void(0)的含義及用法實(shí)例，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12
原生javascript 學(xué)習(xí)之js變量全面了解
下面小編就為大家?guī)硪黄鷍avascript 學(xué)習(xí)之js變量全面了解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
國(guó)內(nèi)對(duì)前端的研究在某些方面也不遜色于國(guó)外,反科里化的話題來自javascript之父Brendan Eich去年的一段twitter,需要深入理解的朋友可以參考本文2012-12-12
第一個(gè)JavaScript入門基礎(chǔ) document.write輸出
關(guān)于JavaScript,他是一個(gè)OOSP（面向?qū)ο竽_本語言）他是用來創(chuàng)建動(dòng)態(tài)網(wǎng)站，增強(qiáng)用戶界面的一門技術(shù)。如果你想了解更多關(guān)于JavaScript的信息，請(qǐng)去維基百科查詢。2010-02-02
javascript數(shù)組去重方法總結(jié)（推薦）
這篇文章主要介紹了javascript數(shù)組去重方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
基于dom編程中 動(dòng)態(tài)創(chuàng)建與刪除元素的使用
本篇文章小編將為大家介紹，基于dom編程中動(dòng)態(tài)創(chuàng)建與刪除元素的使用，有需要的朋友可以參考一下2013-04-04
這篇文章主要介紹了JavaScript面向?qū)ο罄^承，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章對(duì)于剛開始學(xué)習(xí)js的朋友，非常有幫助，主要知識(shí)點(diǎn)都已經(jīng)整理好了。2010-06-06