js在执行new操作的时候都做了哪些事情

最新推荐文章于 2024-11-20 13:58:11 发布
原创 最新推荐文章于 2024-11-20 13:58:11 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨了JavaScript中构造函数的使用，以及如何通过原型链实现对象的继承。通过具体示例，详细讲解了new操作符的工作原理，包括创建新对象、设置_proto_属性以及执行构造函数的过程。 
// 构造函数
 function Car (logo) {
     this.logo = logo || 'unknown name'
 }
 Car.prototype={
     start(){},
     run(){},
     stop(){}
 }
 //创建对象
    let landRover = new Car('landrover')
执行new操作时

1 创建一个新的对象 let landRover = {}

2 为新的对象指定_proto_属性  landRover._proto_= Car.prototype

3 利用apply/call 对新对象执行构造方法 Car.apply(landRover,arguments)

 

new操作符具体做了哪些工作
读心悦
05-03 506
new 操作符在JavaScript中用于创建一个用户自定义的对象类型的实例或具有构造函数的内建对象的实例。当使用 new 操作符调用一个函数时，该函数被称为构造函数。在这个例子中，new Car()的时候创建了一个新的对象，并且这个对象的make、model和year属性被设置为传入的参数值。新建的对象myCar的原型链接到Car.prototype，允许它访问Car构造函数原型上的任何属性和方法。这就是我对new操作符的理解，希望对你有所帮助！
JS的new 做了什么？
shortlived的博客
08-21 1224
1、创建临时对象/新对象2、绑定原型3、指定 this = 临时对象4、执行构造函数5、返回临时对象想象我们在制作一个足球游戏，玩家可以创造球员。我们着重来研究一下这个游戏里面的「制造球员」环节。一个球员的在计算机里就是一堆属性。
JS中new都是干了些什么事情
dl81329的博客
04-14 338
varPerson=function(name){ this.name=name; this.say=function(){ return"I am "+this.name; }; } varnyf=newPerson("nyf"); nyf.say(); 1、创...
js new操作符都做了哪些事情
lixiaonaaa的博客
03-12 939
1，先来看段代码 function Fn() { this.a = 1; } let fn = new Fn(); console.log(fn) 输出为： 我们都知道 fn 是 new Fn 出来的 Fn 的实例对象。那么在这个过程中，new 到底做了什么呢？ 2，我们先来看我们已知到了什么 1）fn 是一个对象 2）fn.__proto__ === Fn.prototype 3）构造函数 Fn 中的this指向为它的实例 fn 4）返回这个对象 那么这些已知点，就是 .
js的new做了什么
weixin_45283865的博客
06-03 250
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在JavaScript中，我们将这类方式成为Pseudoclassical.
js中使用new操作符做了什么事情
落日夕霞的博客
09-08 3999
js中使用new操作符做了什么事情
11.js的new操作符做了哪些事情？
qq_45129167的博客
02-09 3142
new 一个构造函数的执行流程 new 在执行时，会做下面这四件事： （1）开辟内存空间，在内存中创建一个新的空对象。 （2）让 this 指向这个新的对象。 （3）执行构造函数里面的代码，给这个新对象添加属性和方法。 （4）返回这个新对象（所以构造函数里面不需要 return）。 因为 this 指的是 new 一个 Object 之后的对象实例。于是，下面这段代码： // 创建一个函数 function createStudent(name) { var student = new Object
前端面试题:请说出js中new 关键字做了哪些事情了
业余前端的职业经历
05-20 840
像下面的比较常见的 一个普通类的创建以及实例化一个对象 function Person(name){ this.name=name; } Person.prototype.getName=function(){ console.log(this.name); } var person1=new Person('zhangsan'); console.log(person1.name);// 输出 张三 但其中的new 关键字做了什么呢 1.首先在内存中创建了一个空的对象 {} 2.其实将这个对象的
JS new操作符执行之后背后的操作
热门推荐
q1424966670的博客
05-27 1万+
const aa = new Function() 1、创建一个新对象 2、把构造函数的作用域赋给新对象（this指向） 3、执行构造函数中的代码 4，返回该新对象 简单来说就是继承
new在执行时会做什么？并实现一个new
老男孩的博客
07-18 687
new在执行的时候会做四件事情 在内存中创建一个新的空对象。 让 this 指向这个新的对象。 执行构造函数里面的代码，给这个新对象添加属性和方法。 返回这个新对象（所以构造函数里面不需要 return ）。 ...
JS 中的 new() 执行了什么操作
qq_45371853的博客
06-08 845
要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性） ； (4) 返回新对象。 new 操作符具体就干了三件事 //1. 生成一个空对象 var obj = {}; //2. 将空对象的 __proto__ 成员指向 构造函数的 prototype (原型对象) obj.__proto__
js中new关键字的执行原理
qq_54357054的博客
05-14 354
new 关键字执行过程
new操作符都做了什么
yzp270663716的博客
08-29 902
5.返回新对象：如果构造函数没有显式地返回其他对象，那么 new 操作符会隐式地返回新创建的对象实例；否则，如果构造函数返回了一个非原始值的对象，则该对象会成为 new 表达式的结果，而新创建的对象实例会被丢弃。3.绑定 this 指向：new 操作符会将构造函数内部的 this 关键字绑定到新创建的对象上，使构造函数内部的代码可以访问和操作该对象的属性和方法。1.创建一个空对象：new 操作符会创建一个空对象，这个对象会继承自构造函数的原型对象。2.设置原型链关系：新创建的对象的 _
js中new操作符具体都干了什么?
m0_47408435的博客
11-20 770
在JavaScript中，newnew。
【JavaScript】new 操作符的实例化执行过程详解
lph159的博客
09-14 1557
new操作符用于创建一个由构造函数定义的对象实例。它结合构造函数的使用，允许我们快速创建并初始化对象。与直接创建对象的方式（如字面量{}）相比，new提供了一种更具结构化的方法来实例化对象，尤其是在我们需要构造函数逻辑时。通过new操作符，我们可以轻松创建对象并为其初始化属性和方法。在实例化的过程中，new会经历四个重要步骤：创建对象、绑定this、初始化属性和返回对象。理解这些步骤不仅有助于我们更好地掌握 JavaScript 的面向对象编程，也可以帮助我们在日常开发中避免一些常见的误用和陷阱。
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() //
手写js的new函数
qq_45803050的博客
11-26 349
手写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"> <
JavaScript的new操作做了什么？
杜小白的博客
11-02 2185
    今天在知乎上，看到一位大神这样解释new的操作，很详细，通俗易懂，前端面试中也会涉及到这方面的问题，所以分享来大家一起学习学习，膜拜大神的思维，很赞！ 今天我从「省代码」的角度来讲 new。 --------------------------- 想象我们在制作一个策略类战争游戏，玩家可以操作一堆士兵攻击敌方。 我们着重来研究一下这个游戏里面的「制造士兵」环节。 一个士兵的在计算...
new操作符做了哪些事情？
初漾的博客
07-13 4086
var Func=function(){ }; var func=new Func (); new共经过了4个阶段1、创建一个空对象var obj=new Object(); 2、设置原型链obj.__proto__= Func.prototype; 3、让Func中的this指向obj，并执行Func的函数体。var result =Func.call(obj); 4、判断Func的
js的new操作符做了哪些事情
最新发布
07-07
我们正在讨论JavaScript中的new操作符。需要明确new操作符在创建实例时的具体步骤。 根据规范，new操作符主要执行以下四步： 1. 创建一个空的简单JavaScript对象（即{}）； 2. 为这个新对象添加属性`__proto__`，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值