欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中Object.create實例用法詳解

 更新時間:2021年10月05日 08:32:49   作者:小妮淺淺  
在本篇文章里小編給大家整理的是一篇關于js中Object.create實例用法及相關基礎內(nèi)容,有興趣的朋友們可以學習下。

1、用Object.create()方法創(chuàng)建新對象,并使用現(xiàn)有對象提供新對象的proto。

2、提供兩個參數(shù),第一個是新創(chuàng)建的原型對象,第二個是為新創(chuàng)建的對象添加屬性的對象。

實例

// father 對象
let father = {
    name: 'father',
    friend: ['abby', 'bob']
}
 
// 生成新實例對象 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' ]
 
// 生成新實例對象 child2
let child2 = Object.create(father)
console.log(child2.name) //father
console.log(child2.friend) //[ 'abby', 'bob', 'chely' ]

知識點擴展:

Object.create()創(chuàng)建方法實例

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"

運行結果

> "My name is Matthew. Am I human? true"

到此這篇關于js中Object.create實例用法詳解的文章就介紹到這了,更多相關js中Object.create方法是什么內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • JavaScript中pop()方法的使用教程

    JavaScript中pop()方法的使用教程

    這篇文章主要介紹了JavaScript中pop()方法的使用教程,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-06-06
  • JS中this的指向以及call、apply的作用

    JS中this的指向以及call、apply的作用

    本篇文章給大家分享了JS基礎內(nèi)容this指向以及call、apply的相關知識點內(nèi)容,有興趣的朋友可以學習參考下。
    2018-05-05
  • javascript:void(0)的含義及用法實例

    javascript:void(0)的含義及用法實例

    這篇文章介紹了javascript:void(0)的含義及用法實例,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-12-12
  • 原生javascript 學習之js變量全面了解

    原生javascript 學習之js變量全面了解

    下面小編就為大家?guī)硪黄鷍avascript 學習之js變量全面了解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • javascript中有趣的反柯里化深入分析

    javascript中有趣的反柯里化深入分析

    國內(nèi)對前端的研究在某些方面也不遜色于國外,反科里化的話題來自javascript之父Brendan Eich去年的一段twitter,需要深入理解的朋友可以參考本文
    2012-12-12
  • 第一個JavaScript入門基礎 document.write輸出

    第一個JavaScript入門基礎 document.write輸出

    關于JavaScript,他是一個OOSP(面向?qū)ο竽_本語言)他是用來創(chuàng)建動態(tài)網(wǎng)站,增強用戶界面的一門技術。如果你想了解更多關于JavaScript的信息,請去維基百科查詢。
    2010-02-02
  • javascript數(shù)組去重方法總結(推薦)

    javascript數(shù)組去重方法總結(推薦)

    這篇文章主要介紹了javascript數(shù)組去重方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03
  • 基于dom編程中 動態(tài)創(chuàng)建與刪除元素的使用

    基于dom編程中 動態(tài)創(chuàng)建與刪除元素的使用

    本篇文章小編將為大家介紹,基于dom編程中動態(tài)創(chuàng)建與刪除元素的使用,有需要的朋友可以參考一下
    2013-04-04
  • 淺談JavaScript面向?qū)ο?-繼承

    淺談JavaScript面向?qū)ο?-繼承

    這篇文章主要介紹了JavaScript面向?qū)ο罄^承,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03
  • javascript基礎知識整理

    javascript基礎知識整理

    這篇文章對于剛開始學習js的朋友,非常有幫助,主要知識點都已經(jīng)整理好了。
    2010-06-06

最新評論