关于Js中new操作符的作用详解
更新时间：2021年02月21日 10:18:26 作者：妙蛙种子
这篇文章主要给大家介绍了关于关于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')); // object
console.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操作符作用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
所谓"异步"，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。比如，有一个任务是读取文件进行处理，下面小编来和大家一起学习一下2019-05-05
这篇文章主要介绍了js多线程解决方案Web Worker，他是HTML5提供的一个JavaScript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面2023-02-02
在用户体验过程中可能会出现这样的情况：自定义打开新窗口的样式,本文将介绍详细的解决方法，需要了解的朋友可以参考下2012-12-12
本文为大家详细介绍下JS中Date日期函数中的参数在实际使用中的介绍，感兴趣的朋友不要错过2014-01-01
这篇文章主要介绍了Typescript中的as、问号与感叹号详解,本文分别讲述了这几个关键字的含义作用以及实例,通过文字和代码的描述,详细的表达.以下就是详细内容,需要的朋友可以参考下2021-07-07
这篇文章主要介绍Javascript闭包与柯里化,通俗易懂,需要的朋友可以参考下。2016-06-06
下面小编就为大家带来一篇js改变css样式的三种方法推荐。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了JavaScript字符串处理(String对象)详解,本文列出并详细讲解了String对象的一些方法,需要的朋友可以参考下2014-10-10
这篇文章主要介绍了浅谈关于JavaScript API设计的一些建议和准则,文中列举了许多知名的JS API进行辅助说明,极力推荐!需要的朋友可以参考下2015-06-06
本文主要向大家讲述了使用javascript进行调试的方法的过程，推荐给小伙伴们参考下。2015-01-01
最新评论