new 一个 function 的时候都发生了什么

最新推荐文章于 2023-02-24 15:15:51 发布
最新推荐文章于 2023-02-24 15:15:51 发布
阅读量450 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55432205/article/details/124870192
版权

new 关键字主要做了以下工作：

  • 创建一个新的obj
  • 将对象与构建函数通过原型链连接起来
  • 将构建函数中的this绑定到新建的对象obj上
  • 根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理

流程图如下：

手写new操作符参考以下：

可以发现，代码虽然很短，但是可以模拟实现 new

外星人不带帽子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
邪恶的eval和new Function使用介绍
09-05
些代码可以干什么？可以肯定的是可以干很多猥琐的事
new 了一个 Function
weixin_33910434的博客
06-22 121
new Function 和 eval 的区别可以搜索到蛮多解释，但总觉得还不够具体，寻思着补补刀 一、从简易模板引擎说起 模板引擎可以怎样理解呢？ 在一段 Html 文档里面有许多占位符，同时现在还有另一份 Data 数据，将 Data 注入到 Html 中填充占位符的方法，就是模板引擎了(简单得一批) 既然已经知道目标，那就来简单实现一个不带if、else if、else、for的（要不我...
Javascript的new Function()干了什么
weixin_34334744的博客
03-04 2067
js中的对象 js中的创建一个对象的方法很奇怪,比如我有一个Person的函数,创建一个person对象的方法竟然是new Person()函数。而其他oop语言都是用类来实例化,比如有个Person的类,再去new Person() js是new 一个函数。 内部干了什么 假如我有一个 Person 函数如下,我要实例化一个person对象,在js中就是new Person() function...
new 一个函数发生了什么
Mr_ape的博客
11-05 1971
1,和普通函数执行一样，会形成一个私有的作用域（栈内存） 2，形参赋值，变量提升 3，浏览器会创建一个空对象出来，并将this指向这个对象 4，代码自上而下执行，遇到this.xxx=xxx,就存储到之前创建好的空对象中 5，默认不用return，也会返回这个对象 返回的每一个对象就是每一个实例，实例和实例之间没有关系 new 一个函数，return和不return的问题： ...
new一个函数，都会发生什么
weixin_49639325的博客
05-27 955
创建一个新对象； 将构造函数的作用域赋给新对象（因此this就指向了这个新对象）； 执行构造函数中的代码（为这个新对象添加s）
面试第二题 new 操作符 具体干了什么？
01-08
在javascript 只要new 一个函数，就可以new一个对象，这应该算是JavaScript中函数式编程思想，这里主要说明的是 在new的过程中发生了什么？ 1.具体主要有4个部分： 1.创建了一个新对象 2.把这个新对象的原型属性...
详解vue挂载到dom上会发生什么
12-11
前一篇文章分析了new vue() 初始化时所执行的操作，主要包括调用vue._init 执行一系列的初始化，包括生命周期，事件系统，beforeCreate和Created hook，在在这里发生，重点分析了 initState，即对我们常用到的data ...
js构造函数创建对象是否加new问题
01-19
创建一个新对象； 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； 执行构造函数中的代码（为这个新对象添加属性） ； 返回新对象。 问题2:不加new操作符直接执行构造函数会发生什呢？ func
reactive-function
04-09
一个简单的功能，使您可以使您的价值观相互React！ 优点 简约的 轻的 表演者 100％几乎没有打字 框架不可知 零依赖 基于代理 目的 无需包含任何JS框架或库即可完全使用React性数据 使它变得简约。 不要为开发人员的...
Javascript new关键字的玄机 以及其它
12-12
（接上）先看张对老手不新鲜但对菜鸟很有趣的图： 　 What the heck is that?...根据上篇文章中Function的创建过程第4步，A这个对象会有一个Construct属性（注意不是constructor，Consturct是ECMAScript
15.new操作符具体都干了什么？
kleinBlue.的博客
10-19 418
一、是什么 在JavaScript中，new操作符用于创建一个给定构造函数的实例对象 例子 functionPerson(name,age){ this.name=name; this.age=age; } Person.prototype.sayName=function(){ console.log(this.name) } constperson1=newPerson('Tom',20) console.log(person1)//...
new调用函数，new具体做了什么？
qq_35385241的博客
12-08 254
new具体做了什么
js之new一个函数时发生了什么
平平无奇小码农的博客
09-27 366
new一个函数时发生了什么 var myNew = function (fn) { // 1、新建一个空对象 let obj = {}; // 2、实例对象的__proto__等于构造函数的prototype obj.__proto__ = fn.prototype; // 3、改变this指向，指向obj let arg = Array.from(arguments).slice(1); // result是fn的返回值 let result = fn.apply(ob
new function的作用
qq_44989936的博客
07-18 236
首先function （）{ this. field //给对象添加字段 this.function //添加函数 } 这是一个普通函数，也是一个构造函数。 如果接下来是new function（） 那么就是构造函数，执行构造函数并创建了一个对象，
new一个构造函数时做了那些事情
m0_45219210的博客
02-24 337
3、将空对象作为构造函数的上下文（改变this指向）；2、将空对象的原型，指向于构造函数的原型；4、对有返回值的构造函数做判断处理。1、创建一个空对象；new做了那些事情？
new Function在引擎中的作用
海涛高软
12-20 140
var script = "var name=`${name}`; var age=`${age}`;alert(this.cun); function showName(){console.log(name)}" + " function showAge(){console.log(age)} " var fanhui = "{showName,showAge}"; let str = script + '\nreturn ' + fanhui + ';'; let k = { cun: "
Javascript中的new做了什么？
caoxinhui521的博客
09-24 2161
(1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。var a=new A(); 1.构造函数拥有一个叫prototype的属性，这里即A.prototype,这个对象默认有一个属性constructor,他的值是这个构造函数A。2.javascript先创建一
js中的new（）到底做了什么？
dlf_0610的博客
07-13 233
完全搞懂js 中的new()到底做了什么? 一晌贪欢i 2019-08-10 18:43:26 9587 收藏 18 版权 今天面试，总体还可以，其中有一个问题我回答的很支支吾吾，就是js在new（）过程中到底做了什么？(我居然从堆和栈的角度来回答的，面试官想听的根本不是这个，错的很离谱啊)下面便来总结一下吧： 要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this
js中new到底做了什么？
weixin_43250576的博客
12-16 1288
以前只知道啪啪啪写前端代码，以实现功能为主，最近一直系统学基础，（强烈推荐侯策老师的书），将一些觉得必要的东西记录。 new做了哪些事情？ 1、创建一个空对象； 2、空对象的原型（__proto__）指向构造函数的prototype属性； 3、把上面创建的空对象赋值给构造函数内部的this,用构造函数的内部方法修改this空对象； 4、根据构造函数执行逻辑，若返回的是值类型，返回obj，如果是引用类型，就返回这个引用类型的对象； 代码如下： function newFunc(func,...
js如何改变一个function中的属性，使得后续new出来的对象发生改变
最新发布
05-25
通过这种方式，我们给 `Person` 函数添加了一个新的 `getInfo` 方法，但它与原来的方法不同。这个新方法会输出不同的信息。由于我们修改了 `Person` 的 prototype，因此新创建的对象 `p2` 也会受到更改的影响。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值