JavaScript中new操作符的执行原理与步骤详解

new操作符概述

前言

JavaScript是当前开发中最广泛使用的编程语言之一，其中new操作符的使用频率极高。对于许多初学者而言，往往不清楚new在JavaScript中具体承担的角色、执行的功能以及背后的实现逻辑。本文将深入剖析new操作符的核心作用，帮助读者建立清晰的知识框架。

什么是new？

在JavaScript中，new操作符的核心功能是通过构造函数来实例化一个对象。

具体使用方式如代码所示（与普通函数调用不同，作为构造函数使用的函数首字母通常大写，以便在视觉上进行区分）。

function Foo(name) {
  this.name = name;
}
console.log("new Foo('mm')的类型：",typeof new Foo('mm')); // object
console.log("Foo的类型：",typeof Foo); // function

创建空对象

创建了一个空对象

var obj=new Object();

在JavaScript代码执行过程中，new操作符的首要任务是生成一个对象。它通过创建一个空对象作为基础，为后续的对象构建提供载体。

设置原型链

设置原型链

obj.__proto__= Func.prototype;

在JavaScript利用new操作符建立好基础对象后，接下来会执行原型链的设置。通过new创建的实例能够访问构造函数原型链上的属性，这意味着new操作符在实例与构造函数之间建立了原型链连接。

执行构造函数与改变this指向

(改变this指向)让Func中的this指向obj，并执行Func的函数体。

var result =Func.call(obj);

通常情况下，在JavaScript代码中，构造函数内部的this指向正常工作。然而，当通过new操作符改变this指向后，构造函数执行产生的返回值会被正常返回。

判断返回值类型

判断Func的返回值类型：如果是值类型，返回obj。如果是引用类型，就返回这个引用类型的对象。

 if (typeof(result) == "object"){
  func=result;
}
else{
  func=obj;
}

从上述new操作符的代码示例可以看出，new还会对构造函数的返回值类型进行判断。如果返回值是值类型，则直接返回之前创建的对象；如果是引用类型，则返回该引用类型的对象。

以上四点概括了new操作符在JavaScript中的主要作用，希望能为JavaScript初学者提供有益的帮助。

总结

到此这篇关于JavaScript中new操作符作用的文章就介绍到这了,更多相关Js new操作符作用内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！