new操作符具体干了什么？（4个步骤）

最新推荐文章于 2024-05-08 19:29:39 发布
最新推荐文章于 2024-05-08 19:29:39 发布
阅读量1.5k 收藏 6
点赞数 3
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apple_2021/article/details/101234245
版权

一般要创建实例的时候，都要var obj = new 构造函数

new操作符在这里主要做了四步

  • 创建一个空对象obj
  • 设置原型链 即 obj . _proto _ = 构造函数.prototype ;
  • 让构造函数中的this指向obj
  • 返回对象obj
apple_2021
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
new操作符具体都干了什么？一次笔试题遇到的
孙叫兽的博客
11-18 2546
背景：一个笔试题简答谈到new操作符都干了什么？连续两次遇到，总结一下，不然不会的还是不会 new 共经过了4个阶段:1.创建一个空对象 let obj = new Object(); 2.链接到原型 把 obj 的proto 指向构造函数Func的原型对象 prototype，此时便建立了 obj 对象的原型链： obj->Func.prototype->Object.prototype->null 代码为： obj.__proto__ = Func.prototyp.
面试第二题 new 操作符 具体干了什么？
01-08
JavaScript new操作符具体干了什么呢? 在javascript 只要new 一个函数，就可以new一个对象，这应该算是JavaScript中函数式编程思想，这里主要说明的是 在new的过程中发生了什么？ 1.具体主要有4个部分： 1.创建了一个新对象 2.把这个新对象的原型属性（proto）绑定到原函数的prototype属性（就是继承原函数原型） 3.把原函数的this指向转移到这个新对象上 4.返回新对象，如果这个函数没有返回其他对象的话 如何手写一个new操作符： 2.如何手写一个new操作符： /*实现new操作符的功能*/ function MyNew (fun,arg
前端面试题 | new 操作符的原理 |（对象的原型 及其用途）
最新发布
weixin_42479421的博客
05-08 743
new 操作符的原理，原型的类型、用途，原型链
前端中new操作符具体都干了哪些事情?
zy1992As的博客
05-02 654
new操作符执行了构造函数Person，将this.name和this.age设置为传入的参数，并将Person的原型对象赋值给新创建的对象的原型链。new操作符执行了构造函数Car，将this.make和this.model绑定到新创建的对象上，并执行构造函数中的代码。需要注意的是，使用new操作符创建对象时，构造函数内部的代码将会在新对象上执行，并且可以使用this来引用新对象。如果构造函数中有返回一个对象，那么new操作符会直接返回这个返回的对象，而不是新创建的对象实例。6.执行构造函数代码。
new操作符具体干了什么
蔡姐的博客
04-21 1万+
一.new是什么 定义: new操作符用于创建一个给定构造函数的实例对象 简单来说:1.new 能创建一个实例对象; 2.这个对象是给定的构造函数 例子: function Person(name, age){ this.name = name; this.age = age; console.log(this) // Person { name: 'Tom', age: 20 } } Person.prototype.sayName = function () { cons
new操作符做了哪些事情？
初漾的博客
07-13 3985
var Func=function(){ }; var func=new Func (); new共经过了4个阶段1、创建一个空对象var obj=new Object(); 2、设置原型链obj.__proto__= Func.prototype; 3、让Func中的this指向obj，并执行Func的函数体。var result =Func.call(obj); 4、判断Func的
用方法封装javascript的new操作符(一)
10-28
然而，这个简单的实现并没有涵盖`new`操作符的所有功能，例如处理继承或接口实现。为了增强`New`函数，我们需要考虑如何在不修改构造函数和原型链的情况下实现这些高级特性。这可能涉及到更复杂的逻辑，如使用`...
详解JavaScript中new操作符的解析和实现
01-19
new 操作符的执行大概有以下几个步骤： 创建一个新的空对象 把新对象的 __proto__ 链接到构造函数的 prototype 对象（每一个用户定义函数都有一个 prototype 属性指向一个对象，该对象有一个 constructor 属性指向...
JS使用new操作符创建对象的方法分析
10-16
首先，`new`操作符的主要作用是执行以下四个步骤： 1. **创建一个新对象**：当使用`new`操作符调用一个函数（通常称为构造函数）时，JavaScript会隐式地创建一个新的对象。这个新对象的原型链会链接到构造函数的`...
浅谈javascript中new操作符的原理
10-22
如果构造函数返回了一个非`null`的对象，那么这个返回值会被忽略，`new`操作符会返回这个新创建的对象。 为了更好地理解这个过程，我们可以模拟`new`操作符的工作方式，编写一个名为`NEW_OBJECT`的函数，如下所示：...
new 操作符具体干了什么
可以叫我啪叽的石头
08-16 5805
一、定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一 在创建一个新的实例的时候，必须使用 new 操作符。而使用 new 操作符会经历以下 4 个步骤： 创建一个新对象 将构造函数的作用域赋值给新对象（this 指向新对象） 执行构造函数中的代码（给新对象添加熟悉） 返回新对象 二、模拟 new 操作符的方法： new 实现了什么功能： 访问到了构造函数里的属性 访问到了构造函数 prototype 里的属性 我们定义一个 mockNew 来模拟一下 new
JS中new操作符做了什么？
热门推荐
主要领域：前端开发
05-01 1万+
1.new操作符做了什么 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作： 创建一个空的简单JavaScript对象（即{}）； 链接该对象（即设置该对象的构造函数）到另一个对象 ； 将步骤1新创建的对象作为this的上下文 ； 如果该函数没有返回对象，则返回this。 2.简单实现 function create(Con, …args...
new的操作符具体做了什么？
百度一下 猎人社区
04-26 1711
JavaScript中的new操作符是一个非常重要的操作符，它用于创建一个新的对象实例。 在本文中，我们将深入探讨new操作符的具体作用，以及它在JavaScript中的使用。 一、new操作符的作用new操作符用于创建一个新的对象实例。当我们使用new操作符时，它会执行以下步骤： 1. 创建一个新的空对象。 2. 将这个新对象的原型指向构造函数的原型。 3. 将构造函数的this指向这个新对象。 4. 执行构造函数中的代码，初始化这个新对象。 5. 返回这个新对象。 二、new操作符的使用
new创建一个对象经历那些过程
qq_39809613的博客
08-17 2146
作者 |勿念先生 来源 |blog.csdn.net/mohedong/article/details/79618048 在语言层面创建对象（例如克隆、反序列化）通常仅仅是一个new关键字而已，而在虚拟机中，对象（普通Java对象，不包括数组和Class对象等）的创建时一个怎么样的过程？ 一、对象的创建 当虚拟机遇到一条new指令时候，首先去检查这个指令的参数是否能在常量池中能否定位到一个类的符号引用，并且检查这个符号引用代表的类是否已被加载、解析和初始化过。如果没有，那必须先执行相应的类...
new一个对象的过程
weixin_30892987的博客
01-29 285
不用死记硬背，理解才是硬道理。只需要写个例子，然后输出看一下就清楚了 首先我们看下new Person输出什么？ var Person = function(name, age) { this.name = name; this.age = age; }; Person.prototype.show = functi...
构造函数 new 一个实例化对象经历的四个阶段
微风的博客
09-07 708
1.创建一个空的实例化对象 2.让构造函数中的this指向空的实例化对象 3.调用构造函数，从而创建实例化对象自身的属性和方法 4.返回实例化对象
js中new一个实例对象的过程
qq_30136729的博客
04-03 2728
new操作符的作用： new操作符用于创建一个构造函数的实例对象。 function Person(name,age){ this.name = nage; this.age = age; } Person.prototype.sayName = function(){ console.log(this.name) } conste person1 = new Person('Tom',20); console.log(person1) //Person {name: "Tom", age: 20}
new操作符的执行过程
qq_46015513的博客
09-17 2205
new操作符的实现原理 new操作符的执行过程： （1）首先创建了一个新的空对象 （2）设置原型，将对象的原型设置为函数的 prototype 对象。 （3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性） （4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。 具体实现： function objectFactory() { let newObject = null; let constructor = Ar..
new 操作符到底做了什么？
weixin_34120274的博客
04-12 713
原文：blog.xieyangogo.cn/2019/04/12/… 相信很多才接触前端的小伙伴甚至工作几年的前端小伙伴对new这个操作符的了解还停留在一知半解的地步，比较模糊。 就比如前不久接触到一个入职两年的前端小伙伴，他告诉我new是用来创建对象的，无可厚非，可能很多人都会这么答！ 那这么答到底是错很是对呢？ 下面我们全面来讨论一下这个问题： 我们要拿到一个对象，有很多方式，其中最常...
4.new 操作符具体干了什么呢？
02-11
"new" 操作符在 JavaScript 中用于创建一个对象的实例。它通过以下步骤实现这一点： 1. 创建一个空的、带有构造函数的对象。 2. 将该对象的原型指向构造函数的 prototype 属性。 3. 将 this 关键字绑定到新创建的对象上。 4. 执行构造函数中的代码（如果存在）。 5. 返回新创建的对象。 具体来说，可以这样使用 "new" 操作符： ``` var obj = new Object(); ``` 或者： ``` function Person(name, age) { this.name = name; this.age = age; } var p1 = new Person("John", 30); ``` 在这个例子中，我们定义了一个名为 "Person" 的构造函数，并使用 "new" 操作符创建了一个名为 "p1" 的对象实例。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值