js中Object.create实例用法详解


Posted in Javascript onOctober 05, 2021

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 相关文章推荐
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
vue 如何使用递归组件
Oct 23 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 #Javascript
SSM VUE Axios详解
Ajax实现三级联动效果
Oct 05 #Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 #Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 #Javascript
Javascript设计模式之原型模式详细
JS数组方法some、every和find的使用详情
You might like
微博短链接算法php版本实现代码
2012/09/15 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
一个符号插入器 中用到的js代码
2007/09/04 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
JS的数组迭代方法
2015/02/05 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
JavaScript中string对象
2015/06/12 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python 截取 取出一部分的字符串方法
2017/03/01 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Python编程argparse入门浅析
2018/02/07 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
Django获取应用下的所有models的例子
2019/08/30 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
基本款天堂:Everlane
2017/05/13 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
法定代表人授权委托书范本
2014/10/07 职场文书
销售2014年度工作总结
2014/12/08 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
离职告别感言
2015/08/04 职场文书