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

最新推荐文章于 2022-09-11 15:07:22 发布
最新推荐文章于 2022-09-11 15:07:22 发布
阅读量354 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Double_Stars/article/details/104482165
版权
javascript中的new操作符
看了几篇不同的帖子，将内容汇集一下，便于理解和记忆

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

Double_Stars
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解Javascript中new()到底做了些什么？
01-19
和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来...
详解javascript new的运行机制
11-22
在这个过程中，`new`做了以下四件事情： 1. 创建一个全新的、空的对象。 2. 将这个新对象的`[[Prototype]]`（在JavaScript中表现为`__proto__`属性）链接到构造函数的`prototype`对象。 3. 在新对象的上下文中调用...
11.js的new操作符做了哪些事情？
qq_45129167的博客
02-09 3002
new 一个构造函数的执行流程 new 在执行时，会做下面这四件事： （1）开辟内存空间，在内存中创建一个新的空对象。 （2）让 this 指向这个新的对象。 （3）执行构造函数里面的代码，给这个新对象添加属性和方法。 （4）返回这个新对象（所以构造函数里面不需要 return）。 因为 this 指的是 new 一个 Object 之后的对象实例。于是，下面这段代码： // 创建一个函数 function createStudent(name) { var student = new Object
手写js的new函数
qq_45803050的博客
11-26 259
手写js的new函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
JS的new 做了什么？
shortlived的博客
08-21 1020
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
js new 手写实现 new做了哪些事情
月光恋九霄的博客
03-18 205
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操作的时候都做了哪些事情
e87e09e11的博客
04-25 1008
// 构造函数 function Car (logo) { this.logo = logo || 'unknown name' } Car.prototype={ start(){}, run(){}, stop(){} } //创建对象 let landRover = new Car('landrover') 执行new操作时 1 ...
Javascript new关键字的玄机 以及其它
12-12
（接上）先看张对老手不新鲜但对菜鸟很有趣的图： ...new A()这行代码做了什么事情？根据上篇文章中Function的创建过程第4步，A这个对象会有一个Construct属性（注意不是constructor，Consturct是ECMAScript
Dison:JavaScript中的新解析器框架
05-14
A new parsers frame in JavaScript 目标是能灵活简单任意扩展的做任何自定义语法分析 测试例子基本实现了 ES6 的语法分析， 基本解析结果和Esprima没啥区别（SourceLocation有点不一样） 由于使用的 hash 查找匹配...
js的new运算符做了哪些事情（0基础知识精细分解系列）
08-13
在JavaScript中，`new`运算符是一个至关重要的概念，它用于创建对象实例并执行构造函数。这个过程涉及多个步骤，让我们逐步深入理解`new`运算符背后的细节。 首先，`new`运算符会创建一个新的空对象。这个空对象将...
new 关键字做了什么
qq_40409143的博客
11-25 3269
前言 一、new操作符做的失去 New 操作符做了什么，可以归结为new操作符做了两件事。1是创建了一个全新的对象，2是这个对象会执行prototype（proto） 链接 Student 函数中的this指向new student()生成的对象student 那么new 操作符又做了一件事，他生成的对象会绑定到函数调用的this中 二、 ...
javascript new关键字的原理,js new的过程发生了什么
wenangou的博客
09-11 917
它创建一个新对象。这个对象的类型就是object。它将这个新对象的内部不可访问的[[prototype]]（即proto）属性设置为构造函数的外部可访问原型对象（每个函数对象都会自动具有prototype属性）。它使this变量指向新创建的对象。每当this提及时，它都会使用新创建的对象执行构造函数。除非构造函数返回非null对象引用，否则它将返回新创建的对象。在这种情况下，将返回该对象引用。注意：构造函数是指new关键字后面的函数，如newConstructorFunction(arg1,arg2)完成此
js中的new做了什么？
热门推荐
木木
08-23 1万+
function Person () { this.name = name; this.age = age; this.sex = sex this.sayName = function () { return this.name; }; } var person = new Person("tom", 21, "famle");...
js中的new到底做了什么？
超级婷
11-15 1046
new是怎么实现的？ 我们经常听说‘你new一个对象呀’，为什么new就能出来一个对象？带着下面三个疑问我仔细研究了很久，终于搞懂了。你们也跟我一起来看看吧。 为什么我们要new一个对象？ new的过程到底做了什么？ 怎样实现一个自己的new？ 1. 为什么我们经常说new一个对象？ 总所周知，对象创建常用的两种方式： 1.对象直接量 var person = {}; person.name = '小明'; person.say = 'hello world'; 这时我们创建了一个‘小明’，但如果这时
js在new（）过程中到底做了什么？
qq_49643195的博客
05-12 96
js在new（）过程中到底做了什么？ 1、创建一个空对象obj； var obj = {}; 2、将这个空对象的__proto__ 成员指向person函数prototype成员对象； obj.__proto__ = person.prototype; 3、将person函数对象的this指针替换成obj，然后再调用person函数， person.call(obj); 如果我们给person.prototype的对象添加一些函数，根据__proto__的特性，toString这个方法也可以.
js的new运算符做了哪些事情
流光碎影儿
05-16 2700
代码如下：   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做了什么
weixin_45283865的博客
06-03 199
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical.
JavaScript 中 new 操作符做了什么事情
杏子
05-02 1732
一、前言 在构造函数中，通常使用 new 操作符进行实例化，那么 new 操作符到底有什么作用，可以使用其他方案代替吗？ 二、new 操作符做了什么事情 function Person(name){ this.name = name ; }; var jack = new Person('jack'); var jack1 = new Person('jack'); console...
js中new一个函数的时候，到底发生了什么
标子 的专栏
07-20 5899
function x(){             debugger             this.w=1             this.a()         }         x.prototype={             a:function(){                 alert(22)             }         }      
JS 的 new 操作符做了哪些事情
最新发布
02-21
新操作符 new 用于创建 JavaScript 对象的实例。 它会执行以下操作：1. 创建一个新的空对象；2. 将这个对象的原型指向构造函数的prototype属性；3. 执行构造函数中的代码，并将 this 指向新创建的对象；4. 返回新...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值