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生成asp.net服务器控件的代码
Feb 04 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
详解plotly.js 绘图库入门使用教程
Feb 23 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 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
基于mysql的论坛(5)
2006/10/09 PHP
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
php长字符串定义方法
2012/07/12 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
分享php多功能图片处理类
2016/05/15 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
javascript concat数组累加 示例
2009/09/03 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
2010/07/13 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
jQuery获取字符串中出现最多的数
2016/02/22 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
python写的ARP攻击代码实例
2014/06/04 Python
Python实现的双色球生成功能示例
2017/12/18 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
客户代表实习人员自我鉴定
2013/09/27 职场文书
2014年团委工作总结
2014/11/13 职场文书
技能培训通讯稿
2015/07/18 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS
Golang的继承模拟实例
2021/06/30 Golang
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript