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-世界上误解最深的语言分析
Aug 12 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
Apr 15 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
Jan 02 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
Jun 09 Javascript
js实现TAB切换对应不同颜色的代码
Aug 31 Javascript
javascript对象的相关操作小结
May 16 Javascript
js 性能优化之算法和流程控制
Feb 15 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
快速处理vue渲染前的显示问题
Mar 05 Javascript
Angular6新特性之Angular Material
Dec 28 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加Nginx实现动态裁剪图片方案
2014/03/10 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
基于jQuery实现仿百度首页选项卡切换效果
2016/05/29 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
python3解析库lxml的安装与基本使用
2018/06/27 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
物流仓管员岗位职责
2013/12/04 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
大学生创业项目方案
2014/03/08 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
2014和解协议书范文
2014/09/15 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
销售业务员岗位职责
2015/02/13 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python