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 相关文章推荐
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
浅谈jquery设置和获得checkbox选中的问题
Aug 19 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
Aug 31 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
Element Dialog对话框的使用示例
Jul 26 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
Echarts如何重新渲染实例详解
May 30 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中利用explode函数分割字符串到数组
2014/02/08 PHP
使用PHP生成二维码的两种方法(带logo图像)
2014/03/14 PHP
php制作文本式留言板
2015/03/18 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
js 可拖动列表实现代码
2011/12/13 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
2012/12/27 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
python @classmethod 的使用场合详解
2019/08/23 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
Python print不能立即打印的解决方式
2020/02/19 Python
Python requests设置代理的方法步骤
2020/02/23 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
高山背包:High Sierra
2017/11/23 全球购物
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
实习生的自我评价
2014/01/08 职场文书
银行实习生的自我评价
2014/01/13 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
新手初学Java List 接口
2021/07/07 Java/Android