总结：js中Object.setPrototypeOf和Object.create的区别

最新推荐文章于 2024-05-01 21:01:22 发布
原创 最新推荐文章于 2024-05-01 21:01:22 发布 · 975 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #原型模式 #前端

本文介绍JavaScript中两种原型操作方法：使用`Object.setPrototypeOf()`设置已有对象的原型，以及利用`Object.create()`创建新对象并指定其原型。

首先知道什么是原型，只要这样才能理解下面的内容：

Object.setPrototypeOf(obj, prototype)他是将prototype作为已知对象obj的原型

Object.create(prototype)是创建一个以prototype为原型的对象

ES6语法：对象的新增方法——Object（__proto__属性，Object.setPrototypeOf()，Object.getPrototypeOf()）
XSL_HR的博客
10-14 1070
本文是一篇关于ES6中对象的新增方法——Object的知识文章。主要内容为__proto__属性 Object.setPrototypeOf() ，Object.getPrototypeOf属性。在文章中会从理论和实践两个角度入手，代码片段可能比较多，需要耐心阅读。本文紧接ES6专栏ECMAScript(ES6)第五幕之【对象的新增方法——Object】（Object.getOwnPropertyDescriptors()）中内容，进一步学习对象的新增方法。创作不易！多多关照！！
ES6-11中Object对象扩展： Object.is、Object.assign、 __proto__属性、Object.setPrototypeOf()等属性的用法
chenjunxing1992的博客
07-07 448
Object.is、Object.assign、 __proto__属性、Object.setPrototypeOf()、Object.getPrototypeOf()的用法
【JS】Object.setPrototypeOf 与 Object.create区别
Chailo的博客
01-26 1198
浅浅理解一下
Object.setPrototypeOf 与 Object.create() 的区别
一只路过的小码农
04-06 814
①：字面量方式创建对象。②：构造函数式创建对象。
Object.create 以及 Object.setPrototypeOf
weixin_34343000的博客
05-12 550
第一部分   　　Object.crate() 方法是es5中的关于原型的方法， 这个方法会使用指定的原型对象以及属性去创建一个新的对象。 　   语法 　　Object.create(proto, [ propertiesObjecy ]) 参数： 　　proto 　　必须的。一个对象，它是新创建的对象的原型。 　　 　　propertiesObject 　　可选的。 该...
javascript 中Object.create和Object.setPrototypeOf
wulong710的专栏
12-17 616
const log = console.log; let parent = { "p": "pv" }; let son = { "s": "sv" }; Object.setPrototypeOf(son, parent); let p = Object.create(parent); parent.p = "xxx"; log("p = ", p); for (let k in p) { log("p k = ", k, ", ", p[k]); } log("values p = ", O.
JS中Object.setPrototypeOf()方法
热门推荐
zljhdu的博客
12-10 1万+
Object.setPrototypeOf()，为现有对象设置原型，返回一个新对象 接收两个参数：第一个是现有对象，第二是原型对象。 2、new 命令通过构造函数新建对象实例的过程，其本质是将实例的原型，指向了构造函数的prototype属性，然后在实例上执行构造函数。 //构造函数 function Person(name) { this.name = name; }// var p
Object.create()和Object.setPrototypeOf()的区别
05-30
Object.create()和Object.setPrototypeOf()都是JavaScript中用于创建对象的方法，但它们的作用不同。 Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。语法如下： ``` Object....
跨平台Object.setPrototypeOf的Polyfill实现
通过require引入：在Node.js环境中，可以使用require函数引入setprototypeof模块，这将允许在Node.js代码中使用Object.setPrototypeOf的特性。 示例代码演示：演示了如何创建一个新对象，并使用setPrototypeOf函数...
对象用法之Object.create setPrototypeOf getPrototypeOf
lgdaren的博客
04-28 259
var lg = { name:'lgdaren', sex:'man', age:28, show:function(){ return 'love girl' } }; var yinzi = { name:'yinzi', sex:'girl', age:25, show:function(){ ...
Object.create和Object.setPrototypeOf区别
小漠007的专栏
02-23 340
Object.create实现属性继承时候，重新为prototype属性赋值，同时删除原型对象的constructor属性所以需要从新更新原型对象的构造函数指向。
Object.setPrototypeOf() 和 Object.create() 区别
qq_51983617的博客
12-05 460
使用第二种`A.prototype = Object.create(B.prototype)`，因为使用了等号赋值，所以首先达成的效果是改变A.prototype使它等于Object.create()返回的新的对象，其次才会达到`A.prototype.__proto__ = B.prototype`的效果，所以Object.create()会覆盖A.prototype，但是Object.setPrototypeOf()不会有这个副作用。
js中new 到底做了瓦特？？比较new、Object.create、Object.setPrototypeOf
眉目成书
04-07 853
实例化的时候我们都是这样： var box=new BOX() 那么new在中间有什么作用呢， new 先创建一个新对象b=new Object(); 将构造函数作用域赋给新变量 b.proto=BOX.prototype; 执行构造函数中的代码（属性，方法什么的），this指向b 如果BOX返回的是值类型，就直接返回b，若是引用类型，则不要b返回这个引用类型,这里开始不太懂，找到了...
JavaScript | setPrototypeOf 和 defineProperty
liuj4 | 自娱自乐
08-06 494
setPrototypeOf 给对象设置一个新原型对象，即指向新的原型对象，跟原来的原型断开。 function Exam(){ this.a = 1; this.b = 2; } Exam.prototype.pro_a = 'pro_a'; let obj = new Exam(); console.log(obj.pro_...
Javascript Object的setPrototypeOf()函数
最新发布
听海边涛声
05-01 671
Javascript Object的setPrototypeOf()函数
（setPrototypeOf与Object.create区别） &&（prototype与__proto__的区别）
weixin_43852916的博客
06-23 746
可以用prototype访问的只有function类型其他类型只能使用getPrototypeOf或者_proto_,其他类型也都是通过function生成的（String,Number…涉及到隐式创建对象） 对象的原型只有一个引用 指向另外一个对象 对象原型之间的嵌套组成了原型链，原型链的作用是维护访问对象属性的查询 确定访问权限 用法 若存在A和B两个函数 让A的原型指向B 1.setPrototypeOf Object.setPrototypeOf(A.prototype,B.proto.
js 继承,Object.setPrototypeOf | Object.getPrototypeOf | Object.create class
weixin_30407613的博客
06-27 332
https://juejin.im/post/5cfd9d30f265da1b94213d28#heading-14 https://juejin.im/post/5d124a12f265da1b9163a28d https://juejin.im/post/5b44a485e51d4519945fb6b7#heading-19 //1.原型链继承 与Object.create()一样...
[JS] 对于原型和原型链的相关方法(instanceOf|setPrototypeOf|getPrototypeOf|isProrotypeOf|in|hasOwnProperty...)
wyy7293的博客
05-12 451
instanceOf 语法：object instanceof constructor object：某个实例对象 constructor：某个构造函数 解释: 用来检测 constructor.prototype 是否存在于参数 object 的原型链上。 Object.setPrototypeOf 语法：Object.setPrototypeOf(‘现有对象’,‘原型对象’) 解释: 为现有对象设置原型，返回一个新对象。 Object.getPrototypeOf 语法：Obj
JavaScriptES6对象的__proto__属性，Object.setPrototypeOf，Object.getPrototypeOf
c__dreamer的博客
08-13 954
目录   __proto__属性 Object.setPrototypeOf() Object.getPrototypeOf() __proto__属性 __proto__属性（前后各两个下划线），用来读取或设置当前对象的prototype对象。目前，所有浏览器（包括 IE11）都部署了这个属性。该属性没有写入 ES6 的正文，而是写入了附录，原因是__proto__前后的双下划线，说...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值