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 CSS修改学习第二章 样式
Feb 19 Javascript
JavaScript 对象模型 执行模型
Oct 15 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
jQuery实现页面评论栏中访客信息自动填写功能的方法
May 23 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
vue生命周期实例小结
Aug 15 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
js实现限定范围拖拽的示例
Oct 26 Javascript
前端vue如何使用高德地图
Nov 05 Javascript
vue实现防抖的实例代码
Jan 11 Vue.js
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/04/24 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
laravel 查询数据库获取结果实现判断是否为空
2019/10/24 PHP
JavaScript 学习笔记(六)
2009/12/31 Javascript
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
JS简单实现元素复制示例附图
2013/11/19 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
Python学习笔记之常用函数及说明
2014/05/23 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
浅谈五大Python Web框架
2017/03/20 Python
Django 前后台的数据传递的方法
2017/08/08 Python
python实现发送邮件功能代码
2017/12/14 Python
python删除字符串中指定字符的方法
2018/08/13 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
python实现名片管理器的示例代码
2019/12/17 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
美术专业学生个人自我评价
2013/09/19 职场文书
行政管理专业推荐信
2013/11/02 职场文书
企业形象策划方案
2014/05/29 职场文书
民事诉讼代理词
2015/05/25 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang