欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js中Object.create实例用法详解

程序员文章站 2022-04-10 07:53:08
1、用object.create()方法创建新对象,并使用现有对象提供新对象的proto。2、提供两个参数,第一个是新创建的原型对象,第二个是为新创建的对象添加属性的对象。实例// father 对象...

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

相关标签: js Object.create