javascript中的new到底做了哪些事情？

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

#javascript

本文详细解析了JavaScript中new操作符的工作原理，包括创建新对象、设置原型链、执行构造函数及返回新对象的四个关键步骤。通过阅读本文，你将能够更深入地理解new操作符的机制。
javascript中的new操作符
看了几篇不同的帖子，将内容汇集一下，便于理解和记忆

new在创建一个对象时会经历以下 4个步骤：
(1) 创建一个新对象；
(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；
或者，将新对象的_proto_指向构造函数的prototype对象；
(3) 执行构造函数中的代码（为这个新对象添加属性） ，即初始化操作；
(4) 返回新对象。(前提是构造函数内部没有return，否则将返回return后的内容)；

Double_Stars
关注
new操作符具体做了哪些工作
读心悦
05-03 508
new 操作符在JavaScript中用于创建一个用户自定义的对象类型的实例或具有构造函数的内建对象的实例。当使用 new 操作符调用一个函数时，该函数被称为构造函数。在这个例子中，new Car()的时候创建了一个新的对象，并且这个对象的make、model和year属性被设置为传入的参数值。新建的对象myCar的原型链接到Car.prototype，允许它访问Car构造函数原型上的任何属性和方法。这就是我对new操作符的理解，希望对你有所帮助！
new 操作符具体干了什么?
qq_38822390的博客
02-11 1015
new操作符是 JavaScript 中创建对象实例的基本方法。它通过创建新对象、设置原型链、调用构造函数并返回对象等步骤，实现了对象的构造和初始化。理解new操作符的工作原理，有助于开发者更有效地使用 JavaScript 的面向对象特性。在 JavaScript 中，new操作符是一个强大的工具，使得对象的创建和管理变得简单而有效。
js new 手写实现 new做了哪些事情
月光恋九霄的博客
03-18 261
new到底做了哪些事情 (1) 创建一个新对象； (2) 将构造函数中的this指向该对象 (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 function _new(obj, ...rest){ // 基于obj的原型创建一个新的对象 const newObj = Object.create(obj.prototype); // 添加属性到新创建的newObj上, 并获取obj函数执行的结果. const result = obj.ap...
js中的new()到底做了些什么？？
weixin_30907523的博客
02-06 555
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；(3) 执行构造函数中的代码（为这个新对象添加属性） ；(4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class...
js的new做了什么
weixin_45283865的博客
06-03 251
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical.
Web前端面试指导(三十九)：new操作符具体干了什么呢?
热门推荐
雄领IT的专栏
10-11 2万+
题目点评 考察对new关键的深刻认识，时候对前端知识有专研，如果没有专研的人，肯定说创建了一个对象，恭喜你面试面试官知道你是小菜鸟来的，这次面试基本上没有太大的希望了。一定要对new过程的4个步骤非常清楚，这样才能深深地抓住面试官的心！ 题目解析 先看代码 var Func=function(){ }; var func=new Func (); new共经过了4几个阶段 1、创建一个
JS中一个new到底做了哪些事情？
dingchouyu9279的博客
09-07 296
1.https://www.cnblogs.com/faith3/p/6209741.html 2.https://www.cnblogs.com/AaronNotes/p/6529492.html 转载于:https://www.cnblogs.com/likewpp/p/9602935.html
详解Javascript中new()到底做了些什么？
01-19
和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来...
详解javascript new的运行机制
11-22
在这个过程中，`new`做了以下四件事情： 1. 创建一个全新的、空的对象。 2. 将这个新对象的`[[Prototype]]`（在JavaScript中表现为`__proto__`属性）链接到构造函数的`prototype`对象。 3. 在新对象的上下文中调用...
Javascript——聊聊new、对象类型和Class
weixin_45705239的博客
08-07 989
尽管class在语法上更接近传统的OOP语法，但它在JavaScript中更多的是语法糖，底层仍然是基于原型链的继承。需要注意的是，如果你忘记使用 new 调用构造函数，this 将指向全局对象（在浏览器中是 window），这可能导致不可预期的结果，并且很可能污染全局命名空间。构造函数是一种特殊的函数，它们的命名通常以大写字母开头（按照惯例），并且当你想要创建一个新的对象实例时，你会使用new操作符调用它们。最初，JavaScript中没有类（class）的概念，所有东西都是以对象的形式存在的。
js 中的new到底干了啥
weixin_44490057的博客
01-13 832
JS new的时候发生了什么 (1) 创建一个新对象； (2) 将构造函数的作用域赋值给新对象（ this 指向这个新对象）； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 一个普通的构造函数 function Person(name){ this.name = name } var p = new Person("小明"); console.log(p.name) // 小明 console.log(p instanceof Person) // true 用JS
javascript中new关键字做了哪些事？
weixin_46139889的博客
05-06 936
要说new关键字，首先我们得先聊聊函数。 1.函数 函数说白了就是一段可以重复执行的代码块，只需要定义一次就可以多次使用。 函数又分为以下两种形式： 声明式函数：该函数的特点就是会将函数声明提升到该作用域最前面，只要在这作用域以内，无论位置前后都可以直接调用，这里提到的变量提升以后我会专门细说。 function fn() { console.log('这是一个声明式函数') } 函数...
js的new运算符做了哪些事情
流光碎影儿
05-16 2761
代码如下：   function Person(name,age){ this.name = name; this.age = age; this.sayName = function(){ console.log(this.name); } } Person.prototype.sayAge = function() { console.log(this.age); };
js中使用new操作符做了什么事情
落日夕霞的博客
09-08 4000
js中使用new操作符做了什么事情
js中new的时候发生了什么（全面解释）
qq_42931285的博客
08-26 395
小红书中也写了，但大家可能看不大懂，实际上共隐式的执行了四步（有的地是三步）， 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做了什么？
lishuaihao的博客
08-30 363
function Person () { this.name = name; this.age = age; this.sex = sex this.sayName = function () { return this.name; }; } var person = new Person("tom", 21, "famle"); console.log(person.name); 使用关键字new创建新实例对象经过了以下几步： 创建一
JS的new 做了什么？
shortlived的博客
08-21 1224
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
JS中new的过程发生了什么以及自己如何实现一个new的方法？
屈小康
07-15 2704
一、JS中new的过程发生了什么？ 从例子看方法 function WhatNew(name){ this.name = name } let news = new WhatNew('屈小康') 通过简单的构造模型创建对象。在说这个之前你需要了解，prototype和__proto__. prototype属性：每一个构造函数(function a())都有一个prototype属性，它指向构造函数的指针(constructor)。 而__proto__这个方法是每个对象都包含的一个方法，它也指向(co
JS中的new干了什么？
m0_46248873的博客
01-15 3047
我们真的了解new在语言中帮我们干了什么吗？一篇文章帮你理解它！！
js的new操作符做了哪些事情
最新发布
07-07
我们正在讨论JavaScript中的new操作符。需要明确new操作符在创建实例时的具体步骤。 根据规范，new操作符主要执行以下四步： 1. 创建一个空的简单JavaScript对象（即{}）； 2. 为这个新对象添加属性`__proto__`，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值