js中new关键字的作用,你知道它到底干了啥吗

最新推荐文章于 2025-09-29 19:28:49 发布

原创最新推荐文章于 2025-09-29 19:28:49 发布 · 2.6k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细解析了在JavaScript中使用new关键字创建对象的过程，包括创建新对象、设置_proto_属性、绑定构造函数作用域、执行构造函数及返回新对象等关键步骤。

使用关键字new创建新实例对象经过了以下几步：

1、创建一个新对象，如：var person = {};

2、新对象的_proto_属性指向构造函数的原型对象。

3、将构造函数的作用域赋值给新对象。（也所以this对象指向新对象）

4、执行构造函数内部的代码，将属性添加给person中的this对象。

5、返回新对象person。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大大大大大竹子

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

new 关键字有什么作用？

liuhao9999的博客

03-22

3589

new关键字与构造函数一起使用以创建对象: functionEmployee(name,position,yearHired){ this.name=name; this.position=position; this.yearHired=yearHired; }; constemp=newEmployee("MarkoPolo","SoftwareDeveloper",2017); new关键字做了4件事: 创建空对象{} 将空对...

手写 JavaScript 中的 new 关键字

m0_72030584的博客

12-20

1036

本文会加深了你对 new 关键字的理解且学习JavaScript 中对象创建和面向对象编程的核心概念

参与评论您还未登录，请先登录后发表或查看评论

『JavaScript』new关键字

weixin_30654583的博客

01-28

366

原文 new关键字做了什么在JavaScript中，使用new关键字后，意味着做了如下四件事情：创建一个新的对象，这个对象的类型是object；设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数（指prototype.construtor所指向的构造函数）中设置的；执行构造函数，当this关键字被提及的时候，使用新创建的对象的属性；返回新创建的对象...

JavaScript中常见关键字了解（不能作为变量名和函数名）

heheoo11的博客

09-29

1311

本文主要对JavaScript的保留字（关键字）和一些不宜作为变量明和函数名的非保留字进行了列举和简单的解释。JavaScript的保留字（关键字）是语言预定义的保留标识符，用于控制程序流程或执行特定操作，是JavaScript的“语法骨架”，包括var/let/const声明变量、if/else条件判断、for/while循环控制、function定义函数、return返回值、this指向当前对象、class创建类、try/catch异常处理等，区分大小写且不可用作变量名或函数名。

javascript中new关键字详解

11-23

和其他高级语言一样javascript中也有new关键字，我们以前认知的new是用来创建一个类的实例对象，但在js中万物皆是对象，为何还要new关键字呢，其实js中new关键字不是用来创建一个类的实例对象，而是用于继承。接下来，本文将带你一起来探索JS中new的奥秘… function Animal(name){ this.name = name; } Animal.color = "black"; Animal.prototype.say = function(){ console.log("I'm " + this.name); }; var cat = new Animal(

浅析new关键字的作用

Liangbin1886的博客

05-02

254

假设说现在要构造若干个"士兵"对象 , 每个士兵都有类型攻击力生命值这些属性同时有奔跑攻击防御这些可以执行的动作 , 在代码中表现为方法简单粗暴的方式可以这样做 var soldiers = []; for(let i=0 ; i<100 ; i++) { let soldier = { type : "步兵", id : i...

new关键字的作用

weixin_45724850的博客

07-14

861

在上述代码中，我们定义了一个Person构造函数，它接受name和age两个参数，并将它们赋值给新创建的对象的属性。然后，我们使用new关键字分别实例化了person1和person2两个Person对象。通过使用new关键字，我们可以实例化一个类或构造函数，然后使用这个实例来访问类或构造函数中定义的属性和方法。这样可以有效地封装数据和功能，并且可以创建多个独立的对象实例。new关键字在JavaScript中的作用是创建一个对象实例。它用于实例化一个类或构造函数，并调用该类或构造函数的构造方法。

谈谈JavaScript的New关键字

10-21

JavaScript的`new`关键字在编程中扮演着至关重要的角色，它主要用于创建一个类（构造函数）的实例对象。当我们使用`new`关键字时，JavaScript引擎会执行一系列操作，这些操作包括但不限于以下几个步骤： 1. **创建...

精选资源

原生JS封装_new函数实现new关键字的功能

01-19

那么在JS中，当我们new一个对象的时候，这个new关键字内部都干了什么呢？现在我们就来剖析一下原生JS中new关键字内部的工作原理。二.原始的new 首先，我们先new一个对象看看： //创建Person构造函数，参数为name...

js new关键字的作用

m0_72759446的博客

08-20

146

执行构造函数内部的代码，将属性添加给person中的this对象。将构造函数的作用域赋值给新对象。（也所以this对象指向新对象）创建一个新对象，如：var person = {};新对象的_proto_属性指向构造函数的原型对象。返回新对象person。

经典面试题：js中new关键字的作用

你喜欢大熊猫嘛

02-27

1427

js中new关键字的作用，手写函数实现new的效果

关键字 new 的作用

weixin_30687051的博客

12-05

216

①做运算符用于创建对象和调用构造函数,小栗子a如下: Class1 obj = new Class1(); 创建匿名类型的实例,小栗子b如下: var query = from cust in customers select new {Name = cust.Name, Address = cust.PrimaryAddress}; ...

javascript中的new关键字做了什么

yaoyuantao的博客

04-14

1351

介绍javascript函数和对象的概念，以及使用方法，有利于您充分理解函数和对象。

JS基础-new关键字

qq_56973906的博客

05-08

2807

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、new关键字的定义二、new关键字的作用三、实例前言 JS中new关键字是什么? 它有哪些作用? 一、new关键字的定义 new fn() new关键字后面跟函数是一个表达式(运算符) 创建对象的运算整个表达式一定会得到一个对象并且给它添加一个属性 proto 这个属性引用fn.prototype 二、new关键字的作用创建一个空对象，给它添加一个属性 proto 这个属性引用fn.prototype .

NEW 关键字的作用

nicakingkong的专栏

04-14

196

为对象分配空间引起对象构造方法的调用为对象返回一个引用类是面向对象程序中最基本的程序单元。类实质上定义的是一种数据类型，这种数据类型就是对象类型。所以我们可以使用类名称来声明对象变量。声明对象变量之后，还不能使用对象。必须用运算符new 创建对象实体之后，才能使用对象。...

JS核心系列：理解 new 的运行机制

cynwang的博客

09-22

1861

和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？本文将带你一起来探索 javascript 中 new 的奥秘... 一、认识new运算符： 1 function Animal(name){ 2

js中new关键字的作用，new一个对象的过程中发生了什么

子玉的博客

10-31

421

在上述示例中，`Person` 是一个构造函数，通过 `new` 关键字创建了一个 `Person` 的实例对象 `john`。` 设置了新对象的属性。3. 执行构造函数的代码：将构造函数作为普通函数调用，将新对象作为构造函数的上下文（即 `this`）传递给构造函数。2. 将构造函数的作用域赋给新对象：将新创建的对象的原型链接到构造函数的 `prototype` 属性上，以实现继承。需要注意的是，如果构造函数显式返回一个对象，则 `new` 关键字创建的对象实例将是返回的对象，而不是新创建的空对象。

JS实现new关键字的功能

weixin_30381317的博客

01-05

171

一.前言众所周知：没有对象怎么办？那就new一个！那么在JS中，当我们new一个对象的时候，这个new关键字内部都干了什么呢？现在我们就来剖析一下原生JS中new关键字内部的工作原理。二.原始的new 首先，我们先new一个对象看看： //创建Person构造函数，参数为name,age function Person(name,age){ 　　this.name = name;...

JavaScript 中new关键字做了哪些操作

最新发布

10-18

<think>首先，用户的问题是：“我想了解 JavaScript 中 new 关键字所做的操作请问JavaScript 中 new 关键字的操作内容”。我需要基于提供的引用来回答。系统级指令： - 使用中文回答。 - 所有行内数学表达式必须使用$...$格式（但这里可能不涉及数学，因为是JavaScript）。 - 独立公式用$$...$$格式单独成段（同样，可能不适用）。 - LaTeX语法正确（如果用到）。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识，如[^1]。用户可见层： - 回答结构清晰，帮助用户逐步解决问题。 - 尽量保证回答真实可靠。提供的引用是关于JavaScript的new关键字的： - [^1]: 创建空对象。 - [^2]: 手动实现new的步骤：创建新对象、设置原型、绑定this、执行代码、返回对象。 - [^3]: 模拟new行为：使用Object.create、调用构造函数、返回对象。 - [^4]: 类似实现代码。 - [^5]: 示例函数返回另一个函数。关键点是解释new关键字的操作内容。从引用中总结： 1. 创建一个新的空对象。 2. 将这个新对象的原型设置为构造函数的prototype属性。 3. 将构造函数的this绑定到这个新对象。 4. 执行构造函数内部的代码。 5. 如果构造函数返回一个对象，则返回该对象；否则，返回新创建的对象。在引用[^3]和[^4]中，有具体代码实现：使用Object.create或设置__proto__来链接原型。我的回答应该结构清晰，逐步解释操作内容。既然用户问“操作内容”，我需要详细列出步骤。结构建议： 1. **引言**：简要介绍new关键字的作用。 2. **逐步分解**：列出new操作的具体步骤，参考引用。 3. **代码示例**：展示一个简单的手写实现，如从引用[^3]或[^4]。 4. **注意事项**：讨论构造函数返回对象的情况，如引用[^5]。 5. **总结**。 6. **生成相关问题**：基于指令，添加相关问题。引用标识：在回答中引用时，自然地添加[^n]。例如，“创建一个新的空对象[^1]。” 确保语言是中文。生成相关问题：指令说“生成相关问题”，并在示例中有相关部分。所以，在回答末尾添加“§§相关问题§§”类似部分。相关问题示例： 1. new关键字在JavaScript中有什么常见陷阱？ 2. 如何手动实现new操作符？ 3. new关键字和普通函数调用的区别？ 4. 在JavaScript中，如果构造函数返回基本类型值会怎样？现在，构建回答大纲： - **步骤1: 创建新对象**：创建一个新的空对象实例。 - **步骤2: 设置原型**：将这个对象的原型链接到构造函数的prototype属性。 - **步骤3: 绑定this**：在构造函数上下文中，this指向这个新对象。 - **步骤4: 执行构造函数**：调用构造函数，传入参数。 - **步骤5: 处理返回值**：如果构造函数返回一个对象，则返回该对象；否则，返回新创建的对象。代码示例：使用一个简单的例子，如引用[^3]的myNew函数。最终，相关问题。 </think>### JavaScript 中 new 关键字的操作内容在 JavaScript 中，`new` 关键字用于创建用户自定义对象类型的实例或内置对象类型（如 `Array` 或 `Date`）的实例。它不仅仅是一个简单的函数调用，而是执行一系列底层操作来初始化对象实例。基于参考引用，我将逐步解释 `new` 关键字的操作内容，确保过程清晰且可靠。以下是 `new` 操作的五个核心步骤： 1. **创建新空对象**： - `new` 首先创建一个新的空对象实例。这个对象在内存中分配空间，但初始时没有任何属性或方法。 - 例如，实际操作类似于 `const obj = {};`[^1][^2]。 2. **设置对象的原型**： - 将新对象的原型链接到构造函数的 `prototype` 属性上。这确保了新对象继承构造函数原型链上的属性和方法。 - 在内部，这可以通过 `obj.__proto__ = constructor.prototype;` 或更现代的 `Object.create(constructor.prototype);` 来实现[^2][^3]。这样，对象的实例就能访问构造函数原型的方法，比如共享的函数。 3. **绑定 this 并执行构造函数**： - 将构造函数内部的 `this` 关键字绑定到这个新创建的对象上。然后，执行构造函数的代码块，传递必要的参数。 - 这类似于调用 `constructor.apply(obj, args);`，其中 `obj` 是新对象，`args` 是传给构造函数的参数列表[^2][^3]。构造函数内部的代码（如设置属性）会被应用于新对象上。 4. **处理构造函数的返回值**： - 如果构造函数显式返回一个对象（例如对象、函数或数组），`new` 操作符就会返回这个对象，而不是新创建的对象。 - 如果构造函数返回非对象（如基本类型：数字、字符串或 undefined），则忽略返回值，并返回步骤 1 创建的新对象。 - 这在引用[^5]的示例中体现：如果构造函数返回一个函数，`new` 会优先返回该函数[^3][^5]。 5. **返回最终对象**： - 最终返回步骤 4 处理的对象。这确保了 `new` 总是返回一个对象实例，除非构造函数抛出错误。 #### 手动实现示例为了更直观地理解，这里是一个手写 `new` 关键字的代码实现（基于引用[^3]和[^4]）。这个函数模拟了 `new` 的内部行为： ```javascript function myNew(constructor, ...args) { // 步骤1: 创建新空对象 const obj = {}; // 步骤2: 设置对象的原型指向构造函数的原型 Object.setPrototypeOf(obj, constructor.prototype); // 或 obj.__proto__ = constructor.prototype; // 步骤3: 绑定this并执行构造函数代码 const result = constructor.apply(obj, args); // 步骤4和5: 处理返回值，如果是对象则返回，否则返回新对象 return result instanceof Object ? result : obj; } // 使用示例 function Person(name) { this.name = name; } const person = myNew(Person, "张三"); console.log(person.name); // 输出: "张三" ``` #### 注意事项 - **构造函数返回值的影响**：如果构造函数返回一个新对象（如引用[^5]所示），`new` 会优先返回它。这可能导致意外行为，例如： ```javascript function fn() { this.name = "xiaozhang"; return function() { this.name = "xiaoli"; }; // 返回一个函数对象 } const f1 = new fn(); console.log(f1.name); // 输出: undefined，因为返回的是函数对象而非新对象 ``` - **性能考虑**：在实际代码中，避免在构造函数中返回不必要的对象，以确保 `new` 操作高效[^1][^4]。 - **原型链的作用**：通过原型链，新对象可以复用构造函数原型的方法，减少内存占用[^3]。总之，`new` 关键字的核心是通过创建对象、设置原型、执行构造函数和处理返回值来实例化一个新对象。理解这些步骤有助于避免常见错误（如错误的 `this` 绑定），并优化代码设计[^1][^2][^3]。