说说js里new一个实例具体做了些什么

最新推荐文章于 2023-09-21 16:36:26 发布
原创 最新推荐文章于 2023-09-21 16:36:26 发布 · 602 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文主要介绍了JS中new操作符的内部原理，包括创建空对象、设置原型、执行构造函数代码以及返回对象等步骤。还通过验证不同返回类型的情况，进一步说明了new的工作机制。最后，为加深理解，实现了一个自定义的new函数。

在这里插入图片描述
js里我们经常看到类似上面的代码，从表面上看就知道new了一个person函数的实例对像tom，new时内部具体做了些什么呢，主要就做了这4件事
1.创建一个空对像(假设叫obj)
2.设置这个空对像的__proto__指向构造函数的prototype(obj.proto= person.prototype)
3.让构造函数里的this指向这个空对像，然后执行构造函数里的代码(this.name=“tom”，等价于obj.name=“tom”)
4.如果函数没return语句，或者return基本数据类型(number,boolean,string,undefined,null)，则最终返回这个生成的对像，如果函数return一个引用类型的数据，那最终返回这个引用类型

第四点需要验证一下
在这里插入图片描述
可以看到return number基本类型1时，还是返回的那个内部生成的对像

在这里插入图片描述

可以看到return一个对像时，最终返回的是这个对像，另外我们看到这个对像里没有name属性，这说明什么，说明person函数里的this指向的还是内部生成的那个对像，并没有指向我们返回的这个对像

说了这么多，是不是对new的实质了解了，我们来自己实现个new函数加深下加深下理解
在这里插入图片描述
看看是不是和文章最开始打印出的结果一样的，这样我们就简单实现了一个自己的new

new 操作符具体干了什么?
qq_38822390的博客
02-11 1015
new操作符是 JavaScript 中创建对象实例的基本方法。它通过创建新对象、设置原型链、调用构造函数并返回对象等步骤，实现了对象的构造和初始化。理解new操作符的工作原理，有助于开发者更有效地使用 JavaScript 的面向对象特性。在 JavaScript 中，new操作符是一个强大的工具，使得对象的创建和管理变得简单而有效。
js代码-new操作符
07-14
在JavaScript中，`new`操作符是一个至关重要的概念，它用于创建对象实例。当我们使用`new`关键字调用一个函数时，实际上是在执行一个构造函数，这个构造函数会返回一个新的对象实例。理解`new`操作符的工作原理对于...
JavaScript中创建实例时，new做了什么？
weixin_44665959的博客
08-29 549
随手写的New原理大致实现过程 function dog(name) { this.name = name } function _new(fn,...args) { let obj =Object.create(fn) //创建实例 fn.call(obj,...args) //传输参数 return obj } let blw = _new(dog,'blw') console.log(blw.nam
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做了什么
weixin_45283865的博客
06-03 251
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical.
JS的new 做了什么？
shortlived的博客
08-21 1224
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
new一个实例经历的过程
日晞的博客
09-29 201
var jack = new people(age, sex) 这里new 一个实例： var jack = {} people.prototype = jack.__proto__ people.call(dod, age, sex);
说说 new 创建一个普通对象的过程？
最新发布
11-08
以 `var p = new ClassA()` 为例，具体步骤如下： 1. **创建空对象**：`var p = {};`，这一步创建了一个空的对象，作为后续操作的基础 [^3]。 2. **设置原型链**：`p.__proto__ = ClassA.prototype;`，将新对象的 `_...
谈谈JavaScript的New关键字
11-24
首先，当我们使用`new`关键字创建一个对象实例时，会进行以下四步操作： 1. **创建新对象**：JS引擎会先创建一个新的空对象。这个新对象在内存中没有特定的引用，我们暂且称其为`obj`。 2. **设置原型链**：接着，...
仔细说说setLocaleMessage 方法将新的 JavaScript 对象注入到 i18n 实例中
06-25
此方法接受两个参数：第一个是目标语言标识（如 `'zh'`），第二个是一个包含该语言翻译键值对的对象。 ```javascript async function loadAndSetLocale(i18n, locale) { if (!i18n.getLocaleMessage(locale)) { ...
JS中的new干了什么？
m0_46248873的博客
01-15 3047
我们真的了解new在语言中帮我们干了什么吗？一篇文章帮你理解它！！
js中new一个实例对象的过程
qq_30136729的博客
04-03 2871
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}
js中的new到底做了什么？
超级婷
11-15 1152
new是怎么实现的？ 我们经常听说‘你new一个对象呀’，为什么new就能出来一个对象？带着下面三个疑问我仔细研究了很久，终于搞懂了。你们也跟我一起来看看吧。 为什么我们要new一个对象？ new的过程到底做了什么？ 怎样实现一个自己的new？ 1. 为什么我们经常说new一个对象？ 总所周知，对象创建常用的两种方式： 1.对象直接量 var person = {}; person.name = '小明'; person.say = 'hello world'; 这时我们创建了一个‘小明’，但如果这时
js中new到底做了什么？
weixin_43250576的博客
12-16 1396
以前只知道啪啪啪写前端代码，以实现功能为主，最近一直系统学基础，（强烈推荐侯策老师的书），将一些觉得必要的东西记录。 new做了哪些事情？ 1、创建一个空对象； 2、空对象的原型（__proto__）指向构造函数的prototype属性； 3、把上面创建的空对象赋值给构造函数内部的this,用构造函数的内部方法修改this空对象； 4、根据构造函数执行逻辑，若返回的是值类型，返回obj，如果是引用类型，就返回这个引用类型的对象； 代码如下： function newFunc(func,...
JS中new 到底做了什么？
一个在全能之路上越走越远的男人。
03-13 6977
new 关键字实际上就是个语法糖。 从知乎上看到的这个文章，https://zhuanlan.zhihu.com/p/23987456，很形象却不具体，再后来又看到这篇https://blog.youkuaiyun.com/weixin_41910848/article/details/81983740#comments，总结很到位，在此谢谢这两篇的作者。 下面写自己的理解： 如果没有new关键...
js中的new会做什么
qq_60163657的博客
05-26 249
创建一个新对象/临时对象 绑定原型 指定this = 临时对象 执行构造函数 返回对象 第一步，创建一个空对象obj。 第二步，将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。 第三步，将构造函数的作用域赋给新对象，因此构造函数中的this指向新对象obj，然后再调用构造函数，为这个新对象添加属性。 第四步，返回新对象obj。 new过程中会新建对象，此对象会继承构造器的原型与原型上的属性，最后它会被作为实例返回这样一个过程。 ...
js 中 new 都干了什么
weixin_39722672的博客
09-21 853
关键字，我们可以方便地实例化各种对象，例如自定义的构造函数、类以及内置的 JavaScript 对象（如。关键字用于创建一个对象实例。在 JavaScript 中，关键字创建对象实例。
javascript构造函数创建新实例的过程中,new操作符究竟做了什么?
weixin_45464608的博客
09-08 546
(1)创建一个新对象 (2)将构造函数的作用域赋给新对象(即this就指向了这个新对象) (3)执行构造函数中的代码 (4)返回新对象 from<js高程3>
javascript中new做了什么
weixin_43240744的博客
05-20 1560
1.new是什么 在JavaScript中，new操作符用于创建一个给定构造函数的实例对象 function Person(name){ this.name = name } Person.prototype.getName = function () { console.log(this.name) } const person1 = new Person('A') console.log(person1) // Person {name: "A"} person1.getName() //
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值