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 相关文章推荐
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 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查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
JQuery 将元素显示在屏幕的中央的代码
2010/02/27 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
Angular.js中$resource高大上的数据交互详解
2017/07/30 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
jQuery实现动态生成年月日级联下拉列表示例
2019/05/11 jQuery
Vue中实现权限控制的方法示例
2019/06/07 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
python条件和循环的使用方法
2013/11/01 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
python实现图像全景拼接
2020/03/27 Python
python3.7调试的实例方法
2020/07/21 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
Ratchet 模态框的实现
2020/08/19 HTML / CSS
两道JAVA笔试题
2016/09/14 面试题
应聘编辑职位自荐信范文
2014/01/05 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
升职感谢信
2015/01/22 职场文书
义诊活动通知
2015/04/24 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL