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 可以拖动的DIV(二)
Jun 26 Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
整理关于Bootstrap列表组的慕课笔记
Mar 29 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 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 防止单引号,双引号在接受页面转义
2008/07/10 PHP
php获取一个变量的名字的方法
2014/09/05 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
详解获取jq ul第一个li定位的四种解决方案
2016/11/23 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
react-router中的属性详解
2017/06/01 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
python实现复制整个目录的方法
2015/05/12 Python
python中异常捕获方法详解
2017/03/03 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
2019/03/05 Python
Python基于traceback模块获取异常信息
2020/07/23 Python
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
个性与发展自我评价
2014/02/11 职场文书
迎新生标语大全
2014/10/06 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书