【前端知识之JS】Object.create和new的区别以及Object.create的实现

最新推荐文章于 2025-05-15 18:07:51 发布
最新推荐文章于 2025-05-15 18:07:51 发布
阅读量1.6k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端知识之JS 文章标签： javascript 前端 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44337386/article/details/125922914
本文主要探讨前端面试中重要的知识点——Object.create与new的区别，以及如何实现Object.create。Object.create用于创建新对象，其__proto__指向现有对象，而new则创建用户定义对象类型的实例。通过实例说明，new创建的实例包含对象本身和原型属性，而create仅包含原型属性。此外，介绍了Object.create的使用方法，如使用null创建无原型的对象，并简要提及了new的实现原理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍Object.create和new的区别以及Object.create的实现。

文章目录

一、Object.create和new的区别

Object.create能够创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 --MDN
new创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

举例说明，清晰明了：

function A() {
   
   
    this.name = 'abc';
}
A.prototype
最低0.47元/天 解锁文章

200万优质内容无限畅学
JS中的Object.create()详解
2301_79858914的博客
08-11 1535
是一种非常灵活的方式，用于创建具有特定原型链的对象，并且可以直接在新对象上定义属性。它在面向对象编程中非常有用，特别是在构建复杂的原型链和实现继承时。
JS原型链-创建对象
搞毛线的工程师
03-22 267
1.直接声明 var o1 ={name:'o1'}; var o11 = new Object({name:'o11'}) 2.显示构造函数创建对象 var M = function(){this.name = 'o2'}; var o2 = new M(); 3. var p = {name:'o3'}; var o3 = Object.create(P) Object.cre...
Object.create 和 new 区别与原理
耐得住寂寞也是一种境界
10-11 3858
今天无意中看到一篇关于 Object.create 和 new 区别的博客，看完后觉得很不对劲。再一看评论，果然有问题。所以写个通俗易懂的博客，也再次理清自己的思绪
JS手写代码篇---手写 Object.create
最新发布
2403_88913721的博客
05-15 268
在手写代码时，理解代码的作用和实现效果是关键。以手写 Object.create 为例，其核心思路是创建一个新对象，并将传入的对象作为其原型。通过定义一个构造函数 F，将其原型设置为传入的对象 obj，然后返回 F 的实例，即可实现类似 Object.create 的功能。测试结果表明，手写的 create 函数与原生 Object.create 方法效果一致，成功创建了以 person 为原型的新对象 child1。
JS中Object.create()与new的区别
SCUhzs
09-17 1431
文章目录Object.create()newnew与object.Create的不同原型链效率参考资料 Object.create() Object.create()方法创建一个新对象，并使用现有的对象来提供新创建的对象的__proto__，关键代码如下 关键代码如下： Object.create = function (o) { let F = function () {}; F.prototype = o; let newObj=new F(); return new
New 和 Object.create()的区别
DepressedPrince的博客
07-05 4223
前言  我们在创建对象的时候，通常使用的就是new实例化对象，但现在javascript的标准里面提出了新的方案：Object.create()，详情详细的介绍可以点击查看MDN。下面就简单介绍一下两者的区别。 New    new是js中的操作符，可以创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 语法： new constructor ( [aguments] )  ...
js中的new操作符与Object.create()的作用与区别
mht1829的博客
08-06 9768
 一、new 操作符JavaScript 中 new 的机制实际上和面向类的语言完全不同。在 JavaScript 中，构造函数只是一些使用 new 操作符时被调用的函数。它们并不会属于某个类，也不会实例化一个类。实际上，它们甚至都不能说是一种特殊的函数类型，它们只是被 new 操作符调用的普通函数而已。使用 new 来调用函数，或者说发生构造函数调用时，会自动执行下面的操作。1. 创建（或者说构...
js代码-手写代码练习---extend 与 Object.create 实现
07-16
在JavaScript中，`extend` 和 `Object.create` 都是用来实现对象继承的方法，它们在不同的场景下有不同的优势和用途。让我们深入探讨这两种方法的工作原理、使用场景以及它们之间的区别。 首先，`extend` 是一种...
JavaScript中使用Object.create()创建对象介绍
10-24
总的来说，`Object.create()`是JavaScript中实现原型继承和对象创建的关键工具，通过它我们可以构建复杂的对象关系和继承结构，同时提供了一种避免直接修改原对象的方式，从而保持了代码的整洁和模块化。
Object.create:IE9-11 的 Object.create 修复
06-02
要使用 Object.create 修复，只需将单个 JavaScript 文件放入您的页面： < script src =" index.js " > </ script > 或加载为 Node.js 模块： require ( 'object.create' ) ; 下载。 新产品经理 ...
[ js ] -- Object.create()和new Object()
tuzi007a的博客
09-29 636
[ js ] -- Object.create()和new Object()
Object.create() 与 new Object()区别
zst_422的博客
02-23 2742
参考文档《Object.create() 和 new Object()》添加链接描述 Object.cerate() 必须接收一个对象参数，创建的新对象的原型指向接收的参数对象，new Object() 创建的新对象的原型指向的是 Object.prototype. （表述有点啰嗦，简洁点说就是前者继承指定对象， 后者继承内置对象Object） 可以通过Object.create(null) 创建...
前端开发者进阶之ECMAScript新特性【一】--Object.create
weixin_34195142的博客
11-25 115
Object.create(prototype, descriptors) ：创建一个具有指定原型且可选择性地包含指定属性的对象 参数:prototype 必需。  要用作原型的对象。 可以为 null。descriptors 可选。 包含一个或多个属性描述符的 JavaScript 对象。“数据属性”是可获取且可设置值的属性。 数据属性描述符包含 value 特性，以及 writable、en...
new Object()和Object.create()的区别
weixin_44761091的博客
03-16 3314
Object.create() 创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 --MDN 语法 Object.create(proto, [propertiesObject]); 参数 proto：传递一个现在有的对象，即新对象的原型对象（新创建的对象_proto_属性指向现有属性）。第一个参数proto的值为null，那么创建出来的对象是一个{}（空对象）并且没有原型; Objecr.create({name:'lili'}); Objecr.create(null);
你不知道的javascript之Object.create 和new区别
热门推荐
程序员秋风的博客
06-12 3万+
博客原文地址：http://blog.csdn.net/blueblueskyhua/article/details/73135938 前几天有碰到原型的问题。之前以为自己对原型还是有所了解，但是细细研究，发现自己对原型的理解还是太年轻了。 Object.create 和new 创建对象的方式，我以我碰到的两种创建方式，Object.create 和new来说明 var Bas...
new 和 Object.create()区别
aeipyuan
05-16 270
new 和 Object.create()区别 new操作符创建一个对象的过程 创建一个对象obj 将obj连接到原型链上，即设置obj.__proto__ = Constructor.prototype 绑定this指向，传参执行原型函数(参数应用到obj对象上) 判断执行结果，没有则返回obj /* 手写方法 */ function myNew() { /* 创建新对象 */ let obj = new Object(); /* 构造函数,取第一个传入的参数，argument
object.create()和new()的区别
u010780755的博客
01-08 311
function A(){} var a = new A(); var b = Object.create(a);//对象实例b的原型是实例对象a,b.__proto__ 是 a //Object.create(arg1,arg2)的 //第一个参数是一个实例对象，第二个参数是一个对象 console.log(Object.getPrototypeOf(b) === a) //true var d = new C() //new操作符后边是一个构造函数， console.log(Object.getPr
如何区分Object.create 和 new
dzhnb的博客
11-15 981
用于创建具有指定原型的新对象，并可以定义对象的属性。适用于创建继承关系和设置原型链。new：用于创建构造函数的实例，通过构造函数初始化对象的属性和方法。适用于初始化复杂对象和构造函数模式。根据具体需求选择使用还是new，可以更好地实现代码的组织和对象的管理。
js: new Object()与Object.create()的区别
wujunlei1595848的博客
05-22 6051
语法： Object.create(proto, [propertiesObject]) //方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。 参数： proto : 必须。表示新建对象的原型对象，即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。该参数可以是null， 对象， 函数的prototype属性 （创建空的对象时需传null , 否则会抛出Ty...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值