JavaScript是一种前端开发语言，与其他高级语言一样，JavaScript也有new操作符。那么在js中new操作符的作用是什么呢？很多刚接触前端朋友对此都不是很了解，本文详细介绍了js中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的返回值类型。如果返回值是值类型，则正常返回。如果是引用类型，就返回到引用类型的对象。

       以上几点就是JS中new操作符的作用，对在学习前端的小伙伴有一定的参考价值，也希望对大家理解new操作符有所帮助。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• Node.js的RPC通信怎样理解，与Ajax的异同在哪

  本篇文章带大家了解一下RPC通信，介绍一下RPC和Ajax的相同点和不同点，希望对大家有所帮助！

• JS变量声明提升如何理解，实现方法是什么？

  本文实例讲述了JavaScript变量声明提升。分享给大家供大家参考，具体如下：

• 如何掌握Javascript闭包及其应用，有哪些要点

  这篇文章主要介绍了关于Javascript闭包与应用的详解,文中有非常详细的代码示例.对正在学习js的伙伴们有很好的帮助,需要的朋友可以参考下

• 利用vue实现拖拽排序的整体思路和方法是什么

  本文实例为大家分享了vue实现移动端touch拖拽排序的具体代码，供大家参考，具体内容如下

• 小程序中自定义单选和多选效果的代码是什么

  这篇文章主要为大家详细介绍了小程序实现自定义多层级单选和多选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下