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

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

本篇文章主要給大家詳細分析了js構造函數(shù)創(chuàng)建對象加new與不加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;

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

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

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

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

返回新對象。

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

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

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

兩者區(qū)別總結

使用new操作符創(chuàng)建對象，并且構造函數(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); // 同上

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

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

總結

對于不加new來執(zhí)行構造函數(shù)來說，返回值就是構造函數(shù)的執(zhí)行結果；對于加new關鍵字來執(zhí)行構造函數(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構造函數(shù)創(chuàng)建對象是否加new問題的全部內容，大家閱讀后還有疑問可以在下方留言區(qū)討論，感謝你對腳本之家的支持。

您可能感興趣的文章:

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