今天看到這樣一道題:
填寫"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;
問(wèn)題1:new操作符做了些什么呢?
創(chuàng)建一個(gè)新對(duì)象;
將構(gòu)造函數(shù)的作用域賦給新對(duì)象(因此 this 就指向了這個(gè)新對(duì)象) ;
執(zhí)行構(gòu)造函數(shù)中的代碼(為這個(gè)新對(duì)象添加屬性) ;
返回新對(duì)象。
問(wèn)題2:不加new操作符直接執(zhí)行構(gòu)造函數(shù)會(huì)發(fā)生什呢?
function Obj(name){this.name = name;console.log(this); // 嚴(yán)格模式下是undefined 非嚴(yán)格模式下是window對(duì)象}var a = Obj("name1");console.log(a); // 結(jié)果 => undefined哦,原來(lái)只是當(dāng)作正常的函數(shù)調(diào)用來(lái)執(zhí)行,Obj沒有返回值,故a是undefined。
兩者區(qū)別總結(jié)
使用new操作符創(chuàng)建對(duì)象,并且構(gòu)造函數(shù)沒有返回值或者返回為基本數(shù)據(jù)類型,那么返回該對(duì)象,如下例:
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ù)返回一個(gè)引用類型:
function Obj(name){this.name = name;return {};}var b = new Obj;console.log(b); // {}總結(jié)
對(duì)于不加new來(lái)執(zhí)行構(gòu)造函數(shù)來(lái)說(shuō),返回值就是構(gòu)造函數(shù)的執(zhí)行結(jié)果;對(duì)于加new關(guān)鍵字來(lái)執(zhí)行構(gòu)造函數(shù)而言,如果return的是基本數(shù)據(jù)類型,那么忽視掉該return值,如果返回的是一個(gè)引用類型,那么返回該引用類型。
那么問(wèn)題答案你有了嗎?
參考答案 :
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)建對(duì)象是否加new問(wèn)題的全部?jī)?nèi)容,大家閱讀后還有疑問(wèn)可以在下方留言區(qū)討論,感謝你對(duì)錯(cuò)新站長(zhǎng)站的支持。
新聞熱點(diǎn)
疑難解答
圖片精選