快捷導(dǎo)航

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

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

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

今天看到這樣一道題：

填寫"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è)新對象；

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

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

返回新對象。

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

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

哦，原來只是當(dāng)作正常的函數(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ù)返回一個(gè)引用類型：

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值，如果返回的是一個(gè)引用類型，那么返回該引用類型。

那么問題答案你有了嗎？

參考答案：

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ū)討論，感謝你對腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
js 中獲取制定的cook信息實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 中獲取制定的cook信息實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
JS函數(shù)節(jié)流和防抖之間的區(qū)分和實(shí)現(xiàn)詳解
本文主要介紹的是關(guān)于JS中比較常用的函數(shù)：節(jié)流函數(shù)和防抖函數(shù)，從概念、使用場景到代碼簡單實(shí)現(xiàn)做了一個(gè)詳細(xì)的區(qū)分。感興趣的小伙伴們可以參考一下
2019-01-01
js中有關(guān)IE版本檢測
javascript中經(jīng)常用到IE版本的判定，實(shí)現(xiàn)特定需求的代碼。檢測瀏覽器雖然不是一個(gè)什么好的做法，但是有時(shí)候還是很必要的
2012-01-01
javascript閉包的高級使用方法實(shí)例
這篇文章介紹了javascript閉包的高級使用方法實(shí)例，有需要的朋友可以參考一下
2013-07-07
layui實(shí)現(xiàn)數(shù)據(jù)分頁功能（ajax異步）
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)數(shù)據(jù)分頁功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
原生JS實(shí)現(xiàn)瀑布流插件
本篇文章給大家詳細(xì)分析了一個(gè)原生JS實(shí)現(xiàn)瀑布流插件以及代碼相關(guān)講解，對此有興趣的讀者們參考學(xué)習(xí)下吧。
2018-02-02
layui-select動(dòng)態(tài)選中值的例子
今天小編就為大家分享一篇layui-select動(dòng)態(tài)選中值的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式總結(jié)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式,結(jié)合實(shí)例形式總結(jié)分析了微信小程序嵌套template模板的定義、調(diào)用、參數(shù)傳遞及相關(guān)使用技巧,需要的朋友可以參考下
2017-12-12
原生JavaScript和Vue實(shí)現(xiàn)從百度地圖抓取經(jīng)緯度
在前端開發(fā)中,使用百度地圖 API 來獲取用戶的經(jīng)緯度是一種常見需求,本文提供了使用原生 JavaScript 和 Vue.js 實(shí)現(xiàn)從百度地圖抓取經(jīng)緯度的詳細(xì)示例,需要的可以了解下
2024-11-11