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 相关文章推荐
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
May 12 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
May 12 Javascript
vue如何进行动画的封装
Sep 26 Javascript
解决vue+webpack项目接口跨域出现的问题
Aug 10 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提交表单发送邮件的方法
2015/03/20 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
Js 中debug方式
2010/02/07 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
AngularJS入门教程之静态模板详解
2016/08/18 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
JS实现点星星消除小游戏
2020/03/24 Javascript
微信小程序实现电影App导航和轮播
2020/11/30 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
原生JS实现拖拽效果
2020/12/04 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
Python入门篇之对象类型
2014/10/17 Python
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
Python简单实现网页内容抓取功能示例
2018/06/07 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
django富文本编辑器的实现示例
2019/04/10 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
介绍一下JMS编程步骤
2015/09/22 面试题
公安纪律作风整顿剖析材料
2014/10/10 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
建国大业电影观后感
2015/06/01 职场文书
python flask框架快速入门
2021/05/14 Python
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android