javascript中使用new来调用构造函数，生成新对象时发生了什么

最新推荐文章于 2024-08-18 10:54:05 发布
最新推荐文章于 2024-08-18 10:54:05 发布
阅读量119 收藏
点赞数
分类专栏： js 文章标签： JavaScript 构造函数 原型链 对象实例化 this
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/128050536
版权 
function foo() {
  //
}
const bar = new foo()
  1.  创建一个新对象 
  2. 将构造函数 foo 的原型属性 [[prototype]] 关联到新对象的 [[prototype]]
  3.  将 this 指针指向这个新对象
  4.  如果函数本身有返回，则返回原来的返回值
  5.  如果函数没有返回，则返回上述创建的新对象
我有一棵树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用new操作符来调用一个构造函数的时候发生了什么
weixin_34025051的博客
08-25 1162
2019独角兽企业重金招聘Python工程师标准>>> ...
简单的谈一下JavaScript中的对象，利用 new Object，构造函数创建对象。
qq_53519425的博客
08-24 821
简单的谈一下JavaScript中的对象，利用 new Object，构造函数创建对象。
js new一个函数，发生了什么？
imxiezy的博客
08-16 1797
前言 我们都知道，通过 new 一个构造函数，我们就得到一个类的实例，通过这个实例，可以调用构造函数的属性，方法等等。那么，这里面发生了什么呢？要理解这篇文章，需要先了解原型链的原理（原型链）。 new一个构造函数的过程 （1）建立一个空对象。 （2）将空对象的原型指向构造函数的原型对象。 （3）将空对象的上下文与构造函数绑定。 自定义一个new方法 function myNew(constructor, ...arguments) { var obj = {}; obj._proto__
js中的new()到底做了些什么？？
weixin_30907523的博客
02-06 495
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；(3) 执行构造函数中的代码（为这个新对象添加属性） ；(4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class...
11.js的new操作符做了哪些事情？
qq_45129167的博客
02-09 3020
new 一个构造函数的执行流程 new 在执行时，会做下面这四件事： （1）开辟内存空间，在内存中创建一个新的空对象。 （2）让 this 指向这个新的对象。 （3）执行构造函数里面的代码，给这个新对象添加属性和方法。 （4）返回这个新对象（所以构造函数里面不需要 return）。 因为 this 指的是 new 一个 Object 之后的对象实例。于是，下面这段代码： // 创建一个函数 function createStudent(name) { var student = new Object
JavaScript中 构造函数的new都做了什么
我是菜鸡
03-23 992
创建一个新的对象 将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象（将构造函数的作用域赋给新对象） 逐行执行函数中的代码（执行构造函数中的代码，为这个新对象添加属性） 将新建的对象作为返回值返回 var arr = new Array; console.log(arr); console.log(Array.prototype); 下图中左边...
【JS】new一个对象做了什么？
wll27的博客
03-24 563
function Person(name,age){ this.name = name this.age = age } var person = new Person('Jack',20) console.log(person) 打印出来我们创建的实例person，可以看到他拥有了name和age两个属性，以及__proto__，且指向了构造函数的原型属性Person.prototype。 对于大部分前端开发者而言，new一个构造函数或类得到对应实例，是非常普遍的操作了。下面的例子中分
Javascript 构造函数详解
12-10
在Javascript中构造函数首先是一个普通的函数，它可以使用new 操作符来调用，并生成一个特殊类型的对象。 代码如下: // “Benjamin” is a constructor var benjamin = new Benjamin(“zuojj”, “male”); 在上面...
JS面向对象编程基础篇（一） 对象和构造函数实例详解
10-15
- 当使用`new`关键字调用构造函数时，会创建一个新的对象实例，并将`this`关键字绑定到这个新对象上，使得构造函数中的属性和方法能被新对象拥有。例如： ```javascript function Vehicle() { this.price = 1000...
详解JavaScript中的函数、对象
12-08
3. **构造器Function**：使用`new Function("函数体")`创建函数，这种方式不常用，但能动态生成函数代码。 函数的执行是通过直接调用函数名，例如`函数名()`。在提供的示例中，`testDate`是一个创建日期对象并显示...
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
10-18
通过new关键字调用构造函数，就能创建出一个具有特定属性和行为的Person实例。例如： ```javascript function Person(name, age) { this.name = name; this.age = age; this.showName = function() { alert...
Javascript 函数对象的多重身份
10-29
当使用`new`关键字调用函数时，它就变成了一个构造函数。例如： ```javascript function Person(name, age) { this.name = name; this.age = age; } var john = new Person('John', 30); console.log(john....
js原型链之当我new一个构造函数时我做了啥
qq_26879821的博客
08-03 196
下面还有一句 Foo.a() 首先定义了一个构造函数Foo，但是还未执行。然后分别在Foo的原型对象和私有属性中添加了一个a方法，此时执行Foo.a()则先从私有属性中找，输出4. 注意 let obj=new Foo() 这个赋值语句会执行一次构造函数，而构造函数Foo()中第一条语句把Foo这个对象（我们可以把它看作一个普通的对象，构造函数也是一种对象）的私有属性a重新赋值，下一条赋值语句则是给obj添加了一个私有属性a,执行obj.a()时首先找到私有属性，打印的是2 function Foo(.
JS 构造函数在 new 时做了啥？
Mark
08-10 454
let Person = function(){ //this指向谁，在定义时是不知道的 }; var p=new F; 用new调用一个函数发生了这些事： （1）新建一个对象 instance=new Object(); （2）设置原型链 instance.__proto__=F.prototype; （3）让F中的this指向instance，执行F的函数体。 （4）判断F的返回值类型：如果是值类型，就丢弃它，还是返回instance。如果是引用类型，就返回这个引用...
描述new一个构造函数时发生了什么
lixiaolong240035的博客
08-04 1062
var obj1=new fun() 1.先创建一个空对象 var obj={} 2.将空对象的原型绑定为new操作符后面的构造函数的原型 obj.__proto__=fun.prototype 3.让this指向新创建的对象,并执行构造函数的函数体,创建相关属性和方法 4.判断执行结果是否返回了新的对象,如果有返回新对象,就是用返回的新对象,没有的话,返回原来创建的对象(obj) /...
js中new的过程发生了什么？
weixin_44655037的博客
12-11 5829
我们先写一个简单的例子 function d(name){this.name = name} let obj = new d('lly'); 上面是一个简单的构造模式创建的对象。 再说这个之前，我们的先说一下prototype，和__proto__。如果了解俩个东西的就可以跳过了。 prototype这个属性 这是每一个function都有的一个属性，指向构造函数的指针(constructor) 而__proto__这个方法是每一个对象都包含的一个方法。他是也指向(constructor) 所以我们会
网上商品订单转手系统bootpf
最新发布
weixin_43213064的博客
08-18 328
【代码】springboot网上商品订单转手系统bootpf
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 338
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 990
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
使用构造函数的思想生成动态表单
09-08
最后，通过调用构造函数并传递适当的参数，我们可以动态生成各种类型的表单。这些表单可以用于不同的场景，方便用户输入和提交数据。 在使用构造函数的思想生成动态表单时，我们要确保生成的表单结构和样式符合设计...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值