首页> JAVASCRIPT教程

js中Object.create实例用法详解

withpy 2021-10-29

简介在本篇文章里小编给大家整理的是一篇关于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方法是什么内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

相关文章

  • Android用viewPager2实现UI界面翻页滚动的效果

    自学Android中,然后需要实现UI页面翻页滑动的效果,例如头条的功能 我这边利用了viewPager2的翻页功能,具体流程如下:

  • nginx 代理80端口转443端口的实现

    这篇文章主要介绍了nginx 代理80端口转443端口的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  • python3.7.3版本和django2.2.3版本是否可以兼容

    在本篇文章里小编给大家整理的是一篇关于python3.7.3版本和django2.2.3版本是否可以兼容的相关知识点内容,有兴趣的朋友们可以学习下。

  • Java中equals()知识点总结

    在本篇文章里小编给大家分享的是关于Java中equals()知识点总结内容,需要的朋友们可以学习参考下。

  • linux系统安装zookeeper 服务的方法

    这篇文章主要介绍了linux 系统安装zookeeper 服务的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  • javascript变量提升和闭包理解

    本篇文章给大家详细分析了javascript变量提升和闭包的相关知识点,对此有兴趣的朋友可以参考下。