js構造函數創建對象是否加new問題

來源：懂視網責編：小采時間：2020-11-27 22:21:11

js構造函數創建對象是否加new問題

js構造函數創建對象是否加new問題:今天看到這樣一道題：填寫TO DO處的內容讓下面代碼支持a.name = name1; b.name = name2; function Obj(name){ // TO DO } obj. /* TO DO */ = name2; var a = Obj(name1); var b = new Obj;

推薦度：

點擊下載本文 文檔為doc格式

導讀js構造函數創建對象是否加new問題:今天看到這樣一道題：填寫TO DO處的內容讓下面代碼支持a.name = name1; b.name = name2; function Obj(name){ // TO DO } obj. /* TO DO */ = name2; var a = Obj(name1); var b = new Obj;

今天看到這樣一道題：

填寫"TO DO"處的內容讓下面代碼支持a.name = "name1"; b.name = "name2";

function Obj(name){
// TO DO
}
obj. /* TO DO */ = "name2";
var a = Obj("name1");
var b = new Obj;

問題1:new操作符做了些什么呢？

創建一個新對象；

將構造函數的作用域賦給新對象（因此 this 就指向了這個新對象）；

執行構造函數中的代碼（為這個新對象添加屬性）；

返回新對象。

問題2:不加new操作符直接執行構造函數會發生什呢？

function Obj(name){
this.name = name;
console.log(this); // 嚴格模式下是undefined 非嚴格模式下是window對象
}
var a = Obj("name1");
console.log(a); // 結果 => undefined

哦，原來只是當作正常的函數調用來執行，Obj沒有返回值，故a是undefined。

兩者區別總結

使用new操作符創建對象，并且構造函數沒有返回值或者返回為基本數據類型，那么返回該對象，如下例：

function Obj(name){
this.name = name;
}
var b = new Obj;
console.log(b); // Obj { name: undefined }
function Obj(name){
this.name = name;
return 'chic';
}
var b = new Obj;
console.log(b); // 同上

如果構造函數返回一個引用類型：

function Obj(name){
this.name = name;
return {};
}
var b = new Obj;
console.log(b); // {}

總結

對于不加new來執行構造函數來說，返回值就是構造函數的執行結果；對于加new關鍵字來執行構造函數而言，如果return的是基本數據類型，那么忽視掉該return值，如果返回的是一個引用類型，那么返回該引用類型。

那么問題答案你有了嗎？

參考答案：

function Obj(name){
this.name = name;
return this;
}
Obj.prototype.name = "name2";
var a = Obj("name1");
var b = new Obj;

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js構造函數創建對象是否加new問題

推薦度：

點擊下載本文 文檔為doc格式

標簽：創建 js 問題

熱門焦點

js構造函數創建對象是否加new問題

js構造函數創建對象是否加new問題

js構造函數創建對象是否加new問題

最新推薦

猜你喜歡

熱門推薦