腳本之家服務器常用軟件

快捷導航

js構(gòu)造函數(shù)創(chuàng)建對象是否加new問題

更新時間：2018年01月22日 08:57:50 投稿：laozhang

本篇文章主要給大家詳細分析了js構(gòu)造函數(shù)創(chuàng)建對象加new與不加new的問題，有這方面興趣的參考學習下。

今天看到這樣一道題：

填寫"TO DO"處的內(nèi)容讓下面代碼支持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操作符做了些什么呢？

創(chuàng)建一個新對象；

將構(gòu)造函數(shù)的作用域賦給新對象（因此 this 就指向了這個新對象）；

執(zhí)行構(gòu)造函數(shù)中的代碼（為這個新對象添加屬性）；

返回新對象。

問題2:不加new操作符直接執(zhí)行構(gòu)造函數(shù)會發(fā)生什呢？

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

哦，原來只是當作正常的函數(shù)調(diào)用來執(zhí)行，Obj沒有返回值，故a是undefined。

兩者區(qū)別總結(jié)

使用new操作符創(chuàng)建對象，并且構(gòu)造函數(shù)沒有返回值或者返回為基本數(shù)據(jù)類型，那么返回該對象，如下例：

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); // 同上

如果構(gòu)造函數(shù)返回一個引用類型：

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

總結(jié)

對于不加new來執(zhí)行構(gòu)造函數(shù)來說，返回值就是構(gòu)造函數(shù)的執(zhí)行結(jié)果；對于加new關(guān)鍵字來執(zhí)行構(gòu)造函數(shù)而言，如果return的是基本數(shù)據(jù)類型，那么忽視掉該return值，如果返回的是一個引用類型，那么返回該引用類型。

那么問題答案你有了嗎？

參考答案：

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

以上就是我們給大家整理的js構(gòu)造函數(shù)創(chuàng)建對象是否加new問題的全部內(nèi)容，大家閱讀后還有疑問可以在下方留言區(qū)討論，感謝你對腳本之家的支持。

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js構(gòu)造函數(shù)創(chuàng)建對象是否加new問題

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具