js中new实例时发生了什么？怎么实现new？

最新推荐文章于 2023-10-31 23:44:51 发布
最新推荐文章于 2023-10-31 23:44:51 发布
阅读量350 收藏 2
点赞数 1
分类专栏： 重难点 文章标签： new原理 实现new
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sujinchang939024/article/details/117386192
版权
本文详细解析了JavaScript中new实例化的步骤，包括创建新对象、设置原型链、执行构造函数及返回新对象的过程。同时，探讨了如何手动实现new操作的逻辑，并提供了相关参考资料，帮助开发者更深入地理解JavaScript的面向对象特性。
摘要由CSDN通过智能技术生成

【问】js中new实例时，发生了什么？

【答】js中new实例时，发生了如下：

  1. 创建了一个空对象obj；
  2. 将obj的__proto__成员指向构造函数的prototype; 并将obj和参数传给构造函数，使this指向obj执行；
  3. 返回obj（如果没有手动返回其他对象）

【测试1】

在这里插入图片描述

【扩展1：实现一个new？】

在这里插入图片描述

参考1： 完全搞懂js 中的new()到底做了什么?

ElvisSuS
关注
专栏目录
详解Javascript中new()到底做了些什么？
01-19
但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘… 要创建 Person 的新实例，必须使用 new 操作符。 以这种方式调用构造函数实际上会经历以下 4...
javascript中使用new与不使用实例化对象的区别
01-19
我们先来看个实例 function Me(name,age,job){ this.name = name; this.age = age; this.job = job; } ...请问这以下两种实例化对象方式有什么区别呢？...JavaScript 中并没有真正的类，但JavaScript 中有
js中new的时候发生了什么（全面解释）
qq_42931285的博客
08-26 337
小红书中也写了，但大家可能看不大懂，实际上共隐式的执行了四步（有的地是三步）， function Programmer(name,age){ //1.创建一个this空对象var this= {} //2.使this的原型指向构造函数的 prototype， //this:{ // __proto__:Programmer.prototype //} //3.执行构造函数中代码 this.name = name; this.age = age; // 执行之后,this对象
Js new过程发生了什么
weixin_44463883的博客
02-23 523
1.在函数内部创建了一个空对象 2.通过this指向把函数的方法和属性给新创建的对象 3.返回这个创建的对象 代码实现： Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 // 先创建一个构造函数 function Fn(name){ this.name = name } // 实现一个new的方法 function newMethod(parent) { //1. 第一步创建一个空对象 这里使用Object.create(
JS中new的过程发生了什么以及自己如何实现一个new的方法？
屈小康
07-15 2582
一、JS中new的过程发生了什么？ 从例子看方法 function WhatNew(name){ this.name = name } let news = new WhatNew('屈小康') 通过简单的构造模型创建对象。在说这个之前你需要了解，prototype和__proto__. prototype属性：每一个构造函数(function a())都有一个prototype属性，它指向构造函数的指针(constructor)。 而__proto__这个方法是每个对象都包含的一个方法，它也指向(co
使用new时，会发生什么？
aizou6838的博客
08-02 505
使用new来调用函数，或者说发生构造函数调用时，会自动执行下面的操作： 创建（或说构造）一个全新的对象。 这个新对象会被执行[[prototype]]连接。 这个新对象会绑定到函数调用的this。 如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象。 当this碰到return时 如下代码： function fn() { ...
js中的new会做什么
qq_60163657的博客
05-26 194
创建一个新对象/临时对象 绑定原型 指定this = 临时对象 执行构造函数 返回对象 第一步，创建一个空对象obj。 第二步，将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。 第三步，将构造函数的作用域赋给新对象，因此构造函数中的this指向新对象obj，然后再调用构造函数，为这个新对象添加属性。 第四步，返回新对象obj。 new过程中会新建对象，此对象会继承构造器的原型与原型上的属性，最后它会被作为实例返回这样一个过程。 ...
详解JavaScript中new操作符的解析和实现
10-14
在JavaScript中，`new`操作符是一个至关重要的构造机制，它用于创建对象实例并初始化这些实例。当我们使用`new`操作符调用一个函数时，实际上是在执行一系列步骤来构建一个新对象并设置其属性和方法。以下是`new`...
原生JS封装_new函数实现new关键字的功能
01-19
那么在JS中，当我们new一个对象的时候，这个new关键字内部都干了什么呢？ 现在我们就来剖析一下原生JS中new关键字内部的工作原理。 二.原始的new 首先，我们先new一个对象看看： //创建Person构造函数，参数为name...
JS中通过构造函数new 一个实例经历了什么
A_bad_boy_hahaha的博客
05-06 203
使用new关键字生成实例 function Person(name, age) { this.name = name this.age = age this.eat = ()=>{ console.log(this.name + '在吃饭') } } let xiaoming = new Person('小明', 12) console.log(xiaoming.name) xiaoming.eat()
js new 发生了什么
oYuLian的博客
08-02 756
new的时候发生了什么
Chasing_Dreams的博客
12-09 74
【代码】new的时候发生了什么。
js中new一个对象的过程中发生了什么
一枚不断学习的小码农一枚~
04-14 2328
New一个对象的过程中发生了什么 function Person(name) { this.name = name return name // 值类型或者无返回就返回实例 return { // 引用类型返回此对象 info: name + Image } } let p = new Person() 1.先创建一个空对象用来存放实例 let obj = {} 2.将构造函数的this指向空对象并执行函数体 Let result = Person.call(o
js中new一个对象到底发生了什么？
留白声的博客
05-27 533
new一个对象到底发生了什么？ 创建一个新对象 {} 将这个新对象的隐式原型指向构造函数的显式原型 改变this指向，使this指向新对象 返回对象 总结如上：但是很抽象，所以通过一个例子来解析一下 原生js仿写 new 方法： function Person(){ this.name = "战士" this.age = 18 } function myNew(){ let obj = {} //创建新对象 obj.__proto__ = Person.prototype //指向构造函数
new操作中发生了什么？
weixin_40918145的博客
11-16 863
比较直观的感觉，当我们new一个构造函数，得到的实例继承了构造器的构造属性(this.name这些)以及原型上的属性。 在《JavaScript模式》这本书中，new的过程说的比较直白，当我们new一个构造器，主要有三步： • 创建一个空对象，将它的引用赋给 this，继承函数的原型。 • 通过 this 将属性和方法添加至这个对象 • 最后返回 this 指向的新对象，也就是实例（如果没有手动返回其他的对象） 例子，大概就是这样： // ES5构造函数 let Parent = functi
js中new关键字的作用，new一个对象的过程中发生了什么
最新发布
子玉的博客
10-31 259
在上述示例中，`Person` 是一个构造函数，通过 `new` 关键字创建了一个 `Person` 的实例对象 `john`。` 设置了新对象的属性。3. 执行构造函数的代码：将构造函数作为普通函数调用，将新对象作为构造函数的上下文（即 `this`）传递给构造函数。2. 将构造函数的作用域赋给新对象：将新创建的对象的原型链接到构造函数的 `prototype` 属性上，以实现继承。需要注意的是，如果构造函数显式返回一个对象，则 `new` 关键字创建的对象实例将是返回的对象，而不是新创建的空对象。
JS 中new一个对象发生了什么事
weixin_30823683的博客
07-06 283
今天看到一个360的前端面试题： function A(){}function B(a){ this.a=a;}function C(a){ if(a){ this.a=a; }}A.prototype.a=1;B.prototype.a=1;C.prototype.a=1;console.log(new A());console.log(new B());console.log(...
JS的new 做了什么？
shortlived的博客
08-21 1072
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
JS中 new操作符具体干了什么?
06-11
在JS中，使用new操作符可以创建一个对象实例。new操作符具体干了以下几件事情： 1. 创建一个空对象。 2. 将这个空对象的原型指向构造函数的原型。 3. 将构造函数的this指向这个空对象。 4. 执行构造函数内部的代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值