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 相关文章推荐
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
简单的Jquery全选功能
Nov 07 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
Sep 04 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
angularJS深拷贝详解
Mar 23 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
JS实现时间校验的代码
May 25 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
vue 在单页面应用里使用二级套嵌路由
Dec 19 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字符串 ==比较运算符的副作用
2009/10/21 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
php目录操作实例代码
2014/02/21 PHP
PHP使用xmllint命令处理xml与html的方法
2014/12/15 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
老生常谈PHP位运算的用途
2017/03/12 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
Vue的生命周期操作示例
2019/09/17 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
Python功能键的读取方法
2015/05/28 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
python用Configobj模块读取配置文件
2020/09/26 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
季度思想汇报
2014/01/01 职场文书
授权委托书公证
2014/09/14 职场文书
个人总结与自我评价
2015/02/14 职场文书
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python