js中Object.create实例用法详解

 更新时间:2021年10月05日 08:32:49   作者:小妮浅浅  
在本篇文章里小编给大家整理的是一篇关于js中Object.create实例用法及相关基础内容,有兴趣的朋友们可以学习下。

1、用Object.create()方法创建新对象,并使用现有对象提供新对象的proto。

2、提供两个参数,第一个是新创建的原型对象,第二个是为新创建的对象添加属性的对象。

实例

// 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()创建方法实例

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方法是什么内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

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

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

    这篇文章主要介绍了JavaScript中pop()方法的使用教程,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JS中this的指向以及call、apply的作用

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

    本篇文章给大家分享了JS基础内容this指向以及call、apply的相关知识点内容,有兴趣的朋友可以学习参考下。
    2018-05-05
  • javascript:void(0)的含义及用法实例

    javascript:void(0)的含义及用法实例

    这篇文章介绍了javascript:void(0)的含义及用法实例,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-12-12
  • 原生javascript 学习之js变量全面了解

    原生javascript 学习之js变量全面了解

    下面小编就为大家带来一篇原生javascript 学习之js变量全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • javascript中有趣的反柯里化深入分析

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

    国内对前端的研究在某些方面也不逊色于国外,反科里化的话题来自javascript之父Brendan Eich去年的一段twitter,需要深入理解的朋友可以参考本文
    2012-12-12
  • 第一个JavaScript入门基础 document.write输出

    第一个JavaScript入门基础 document.write输出

    关于JavaScript,他是一个OOSP(面向对象脚本语言)他是用来创建动态网站,增强用户界面的一门技术。如果你想了解更多关于JavaScript的信息,请去维基百科查询。
    2010-02-02
  • javascript数组去重方法总结(推荐)

    javascript数组去重方法总结(推荐)

    这篇文章主要介绍了javascript数组去重方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 基于dom编程中 动态创建与删除元素的使用

    基于dom编程中 动态创建与删除元素的使用

    本篇文章小编将为大家介绍,基于dom编程中动态创建与删除元素的使用,有需要的朋友可以参考一下
    2013-04-04
  • 浅谈JavaScript面向对象--继承

    浅谈JavaScript面向对象--继承

    这篇文章主要介绍了JavaScript面向对象继承,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • javascript基础知识整理

    javascript基础知识整理

    这篇文章对于刚开始学习js的朋友,非常有帮助,主要知识点都已经整理好了。
    2010-06-06

最新评论