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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
Dec 06 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 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生成静态页面的简单示例
2014/04/17 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php格式文件打开的四种方法
2018/02/24 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
JS获取后台Cookies值的小例子
2013/03/04 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
深入理解js中this的用法
2016/05/28 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
移动端(微信等使用vConsole调试console的方法
2019/03/05 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
几道Web/Ajax的面试题
2016/11/05 面试题
职工趣味运动会方案
2014/02/10 职场文书
八年级英语教学计划
2015/01/23 职场文书
北大自主招生自荐信
2015/03/04 职场文书
中小企业员工手册范本
2015/05/14 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang