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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
Javascript 获取LI里的内容
Dec 17 Javascript
javascript 打印页面代码
Mar 24 Javascript
jquery获取下拉列表的值为null的解决方法
Mar 18 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
vue route新窗口跳转页面并且携带与接收参数
Apr 10 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 Cookie的一个使用注意点
2008/11/08 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
CentOS 安装 PHP5.5+Redis+XDebug+Nginx+MySQL全纪录
2015/03/25 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
JS JSON对象转为字符串的简单实现方法
2013/11/18 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
React组件重构之嵌套+继承及高阶组件详解
2018/07/19 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
python使用分治法实现求解最大值的方法
2015/05/12 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
Python正则捕获操作示例
2017/08/19 Python
浅谈dataframe中更改列属性的方法
2018/07/10 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
Python交互式图形编程的实现
2019/07/25 Python
python多进程并行代码实例
2019/09/30 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
部队领导证婚词
2014/01/12 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
防灾减灾活动总结
2014/08/30 职场文书
2014年技术部工作总结
2014/12/12 职场文书
晚会开场白和结束语
2015/05/29 职场文书
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers