关于Js中new操作符的作用详解

前言

Js是当今时代最常用的代码操作语言，其中new操作符尤为常见。对于很多代码小白来说，并不清楚new在Js中扮演着怎样的角色，具体是做什么用，干了什么。本文从new操作符的作用着手，简单介绍new操作符相关知识。

什么是new？

众所周知，在JS中，new的作用是通过构造函数来创建一个实例对象。

像下面这样：（和普通函数不一样，当函数用作构造函数时，首字母一般要大写，以作区分。）

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

创建了一个空对象

VAR obj=new Object();
    

在Js代码中，new操作符的主要作用是产生对象。通过new创建空对象，为创建对象打基底。

设置原型链

obj.__PRoto__= Func.prototype;
    

JS中在利用new操作符建好基底后，就开始下一步的Js代码操作，设置原型链。new通过构造函数创建出的实例可以访问到构造函数原型链中的属性，换言之，通过new操作符，原型链链接了实例和构建函数。

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

var result =Func.call(obj);
    

一般情况下，在Js代码组中，出现this时，构造函数内部是正常工作，但当通过new操作符改变this指向后，所出现的返回值会被正常的返回出去。

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

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

从上述一组new操作符代码中可看出，new还可用来判断Func的返回值类型。如果返回值是值类型，则正常返回。如果是引用类型，就返回到引用类型的对象。

以上四点是new操作符在Js代码中的主要作用，对于Js代码小白希望可以有帮助。

总结

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

• 深入聊一聊JS中new的原理与实现
• JS 中 new 的作用详细
• JavaScript中new操作符的原理示例详解
• JavaScript中实现new的两种方式引发的探究
• 如何自己实现JavaScript的new操作符
• c# Newtonsoft.Json 常用方法总结
• C# Newtonsoft.Json 解析多嵌套json 进行反序列化的实例
• c#添加Newtonsoft.Json包的操作
• JavaScript中的 new 命令
• 手写实现JS中的new

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！