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的一个图片hover的插件
Apr 24 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
使用jquery插件qrcode生成二维码
Oct 22 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 Javascript
JavaScript实现前端网页版倒计时
Mar 24 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多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
JavaScript Eval 函数使用
2010/03/23 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
vue中使用echarts制作圆环图的实例代码
2018/07/27 Javascript
微信小程序支付PHP代码
2018/08/23 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
分析Python中解析构建数据知识
2018/01/20 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
对python模块中多个类的用法详解
2019/01/10 Python
python 内置函数汇总详解
2019/09/16 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
英语专业学生个人求职信范文
2014/01/06 职场文书
买房协议书
2014/04/11 职场文书
品质口号大全
2014/06/17 职场文书
史上最牛的辞职信
2015/02/28 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书