關於Js中new操作符的作用詳解

Posted on by

前言

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操作符作用內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：