前言

Js是當(dāng)今時(shí)代最常用的代碼操作語(yǔ)言，其中new操作符尤為常見。對(duì)于很多代碼小白來(lái)說(shuō)，并不清楚new在Js中扮演著怎樣的角色，具體是做什么用，干了什么。本文從new操作符的作用著手，簡(jiǎn)單介紹new操作符相關(guān)知識(shí)。

什么是new？

眾所周知，在JS中，new的作用是通過構(gòu)造函數(shù)來(lái)創(chuàng)建一個(gè)實(shí)例對(duì)象。

像下面這樣：（和普通函數(shù)不一樣，當(dāng)函數(shù)用作構(gòu)造函數(shù)時(shí)，首字母一般要大寫，以作區(qū)分。）

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

創(chuàng)建了一個(gè)空對(duì)象

var obj=new Object();

在Js代碼中，new操作符的主要作用是產(chǎn)生對(duì)象。通過new創(chuàng)建空對(duì)象，為創(chuàng)建對(duì)象打基底。

設(shè)置原型鏈

obj.__proto__= Func.prototype;

JS中在利用new操作符建好基底后，就開始下一步的Js代碼操作，設(shè)置原型鏈。new通過構(gòu)造函數(shù)創(chuàng)建出的實(shí)例可以訪問到構(gòu)造函數(shù)原型鏈中的屬性，換言之，通過new操作符，原型鏈鏈接了實(shí)例和構(gòu)建函數(shù)。

(改變this指向)讓Func中的this指向obj，并執(zhí)行Func的函數(shù)體。

var result =Func.call(obj);

一般情況下，在Js代碼組中，出現(xiàn)this時(shí)，構(gòu)造函數(shù)內(nèi)部是正常工作，但當(dāng)通過new操作符改變this指向后，所出現(xiàn)的返回值會(huì)被正常的返回出去。

判斷Func的返回值類型：如果是值類型，返回obj。如果是引用類型，就返回這個(gè)引用類型的對(duì)象。

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

從上述一組new操作符代碼中可看出，new還可用來(lái)判斷Func的返回值類型。如果返回值是值類型，則正常返回。如果是引用類型，就返回到引用類型的對(duì)象。

以上四點(diǎn)是new操作符在Js代碼中的主要作用，對(duì)于Js代碼小白希望可以有幫助。

總結(jié)

到此這篇關(guān)于關(guān)于Js中new操作符作用的文章就介紹到這了,更多相關(guān)Js new操作符作用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論