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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
JS实现文件动态顺序载入的方法
Mar 07 Javascript
jquery实现倒计时效果
Dec 14 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
vue-cli3搭建项目的详细步骤
Dec 05 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
JavaScript 事件代理需要注意的地方
Sep 08 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
WebPack工具运行原理及入门教程
Dec 02 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高级OOP技术演示
2009/08/27 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
js 金额文本框实现代码
2012/02/14 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
Python之py2exe打包工具详解
2017/06/14 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
python+opencv 读取文件夹下的所有图像并批量保存ROI的方法
2019/01/10 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
pytorch实现保证每次运行使用的随机数都相同
2020/02/20 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
Python如何实现FTP功能
2020/05/28 Python
国外的一些J2EE面试题一
2012/10/13 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
中学生运动会入场词
2014/02/12 职场文书
老公爱的承诺书
2014/03/31 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书