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

最新推荐文章于 2023-09-21 16:36:26 发布
最新推荐文章于 2023-09-21 16:36:26 发布
阅读量587 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/html_tangkai/article/details/111315337
本文主要介绍了JS中new操作符的内部原理，包括创建空对象、设置原型、执行构造函数代码以及返回对象等步骤。还通过验证不同返回类型的情况，进一步说明了new的工作机制。最后，为加深理解，实现了一个自定义的new函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
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 896
new操作符是 JavaScript 中创建对象实例的基本方法。它通过创建新对象、设置原型链、调用构造函数并返回对象等步骤，实现了对象的构造和初始化。理解new操作符的工作原理，有助于开发者更有效地使用 JavaScript 的面向对象特性。在 JavaScript 中，new操作符是一个强大的工具，使得对象的创建和管理变得简单而有效。
深入理解new Function
最新发布
我是一颗草，哪里荒凉往哪里长
10-21 2369
函数是通过使用参数 arg1…argN 和给定的 functionBody 创建。调用 Function 时可以使用或不使用 new，两者都会创建一个新的 Function 实例举例1: 带有两个参数的函数Function函数最后一个参数永远都是函数体,由于历史原因函数的参数部分支持以逗号分割的形式展示举例2: 一个没有参数的函数，自由函数体，没有参数的函数，在函数被调用的时候，等价于调用函数体里面的函数new Function 没有参数的时候，实际上返回的是一个匿名函数（就是你传入的函数体）
JavaScript中创建实例时，new做了什么？
weixin_44665959的博客
08-29 533
随手写的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 346
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 238
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical.
JS的new 做了什么？
shortlived的博客
08-21 1197
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
new一个实例经历的过程
日晞的博客
09-29 190
var jack = new people(age, sex) 这里new 一个实例： var jack = {} people.prototype = jack.__proto__ people.call(dod, age, sex);
js代码-new操作符
07-14
在JavaScript中，`new`操作符是一个至关重要的概念，它用于创建对象实例。当我们使用`new`关键字调用一个函数时，实际上是在执行一个构造函数，这个构造函数会返回一个新的对象实例。理解`new`操作符的工作原理对于...
谈谈JavaScript的New关键字
11-24
首先，当我们使用`new`关键字创建一个对象实例时，会进行以下四步操作： 1. **创建新对象**：JS引擎会先创建一个新的空对象。这个新对象在内存中没有特定的引用，我们暂且称其为`obj`。 2. **设置原型链**：接着，...
JavaScript - 简单说说Promise的那些应用场景
qq_37873098的博客
12-15 1581
谈谈 Promise 使用的那些场景
JS中的new干了什么？
m0_46248873的博客
01-15 3029
我们真的了解new在语言中帮我们干了什么吗？一篇文章帮你理解它！！
js中new一个实例对象的过程
qq_30136729的博客
04-03 2856
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 1130
new是怎么实现的？ 我们经常听说‘你new一个对象呀’，为什么new就能出来一个对象？带着下面三个疑问我仔细研究了很久，终于搞懂了。你们也跟我一起来看看吧。 为什么我们要new一个对象？ new的过程到底做了什么？ 怎样实现一个自己的new？ 1. 为什么我们经常说new一个对象？ 总所周知，对象创建常用的两种方式： 1.对象直接量 var person = {}; person.name = '小明'; person.say = 'hello world'; 这时我们创建了一个‘小明’，但如果这时
js中new到底做了什么？
weixin_43250576的博客
12-16 1376
以前只知道啪啪啪写前端代码，以实现功能为主，最近一直系统学基础，（强烈推荐侯策老师的书），将一些觉得必要的东西记录。 new做了哪些事情？ 1、创建一个空对象； 2、空对象的原型（__proto__）指向构造函数的prototype属性； 3、把上面创建的空对象赋值给构造函数内部的this,用构造函数的内部方法修改this空对象； 4、根据构造函数执行逻辑，若返回的是值类型，返回obj，如果是引用类型，就返回这个引用类型的对象； 代码如下： function newFunc(func,...
JS中new 到底做了什么？
一个在全能之路上越走越远的男人。
03-13 6963
new 关键字实际上就是个语法糖。 从知乎上看到的这个文章，https://zhuanlan.zhihu.com/p/23987456，很形象却不具体，再后来又看到这篇https://blog.youkuaiyun.com/weixin_41910848/article/details/81983740#comments，总结很到位，在此谢谢这两篇的作者。 下面写自己的理解： 如果没有new关键...
js中的new会做什么
qq_60163657的博客
05-26 231
创建一个新对象/临时对象 绑定原型 指定this = 临时对象 执行构造函数 返回对象 第一步，创建一个空对象obj。 第二步，将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。 第三步，将构造函数的作用域赋给新对象，因此构造函数中的this指向新对象obj，然后再调用构造函数，为这个新对象添加属性。 第四步，返回新对象obj。 new过程中会新建对象，此对象会继承构造器的原型与原型上的属性，最后它会被作为实例返回这样一个过程。 ...
js 中 new 都干了什么
weixin_39722672的博客
09-21 786
关键字，我们可以方便地实例化各种对象，例如自定义的构造函数、类以及内置的 JavaScript 对象（如。关键字用于创建一个对象实例。在 JavaScript 中，关键字创建对象实例。
javascript构造函数创建新实例的过程中,new操作符究竟做了什么?
weixin_45464608的博客
09-08 516
(1)创建一个新对象 (2)将构造函数的作用域赋给新对象(即this就指向了这个新对象) (3)执行构造函数中的代码 (4)返回新对象 from<js高程3>
javascript中new做了什么
weixin_43240744的博客
05-20 1533
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() //
那你给我仔细说说怎么做嘛，怎么用sdk去订阅event。举个例子，比如bsc主网的合约部署之后的
09-10
在使用SDK订阅合约事件（例如BSV主网上合约部署后的事件）时，通常会涉及监听智能合约中的特定函数调用或者状态变化。这里以JavaScript的BSC SDK（如bsc-sdk）为例： 首先，你需要安装Binance Smart Chain的官方SDK库，可以使用npm（Node.js包管理器）进行安装： ```bash npm install @binance-chain/web3j ``` 然后，假设你已经有了合约ABI（应用程序二进制接口），这包含了合约的所有函数和事件声明。你可以创建一个Web3实例，并连接到BSC节点： ```javascript const Web3 = require('@binance-chain/web3j'); const web3 = new Web3('https://mainnet.bscscan.com'); // 连接到BSC主网节点 web3.setMode(Web3j.HttpMode.HTTP); // 如果使用WebSocket模式，改为Web3j.HttpMode.WEB_SOCKET // 解析ABI获取合约实例 const contractAbi = []; // 你的合约ABI数组 const deployedContractAddress = '0x...'; // 已部署合约地址 const contract = new SafeERC20(web3, deployedContractAddress, contractAbi); ``` 接着，你可以订阅某个事件，通常是`onEvent`方法配合监听器： ```javascript contract.events.Deployment().subscribe((event) => { console.log('合约部署事件:', event); // 在这里处理事件数据 }); ``` 这里假设合约有一个名为`Deployment`的事件。当合约部署后，这个监听器会被触发。 注意： 1. `event`对象通常包含事件名称、参数和发生时间等信息。 2. 为了持续接收事件，你需要保持程序运行，直到取消订阅或者关闭连接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值