您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

js中Object.create实例用法详解

51自学网 2022-02-21 13:40:22
  javascript

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

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

实例

// father 对象let father = {    name: 'father',    friend: ['abby', 'bob']} // 生成新实例对象 child1let child1 = Object.create(father) // 更改值类型属性child1.name = '修改了name'console.log(child1.name) //修改了name // 更改引用类型值child1.friend.push('chely')console.log(child1.friend) //[ 'abby', 'bob', 'chely' ] // 生成新实例对象 child2let child2 = Object.create(father)console.log(child2.name) //fatherconsole.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 overwrittenme.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方法是什么内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net!


下载地址:
TypeScript中条件类型精读与实践记录
JS中如何优雅的使用async await详解
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。