JS使用new操作符創(chuàng)建對象的方法分析
本文實例講述了JS使用new操作符創(chuàng)建對象的方法。分享給大家供大家參考，具體如下：
在編寫js代碼時，我們有時會需要使用函數(shù)來模擬java中的類，并用它來產(chǎn)生對象，在定義了一個構造函數(shù)之后我們需要使用new操作符來調(diào)用調(diào)用函數(shù)才能得到我們想要的對象。例如：
<script>
function Constructor(name){
this.name = name
}
var person1 = Constructor("張三");//undefined
var person2 = new Constructor("張三");//得到一個對象｛name:"張三"｝
console.log(person1);
console.log(person2);
</script>
運行結果：
如果我們不使用new操作符調(diào)用函數(shù)，就只會簡單的執(zhí)行函數(shù)，并把函數(shù)的返回值賦給person1,所以上面的例子中person1的值是undefined,.
如果我們使用new操作符調(diào)用構造函數(shù)，做了哪些事情呢？
1.構造函數(shù)沒有返回值
使用new操作符調(diào)用函數(shù)，會隱式的創(chuàng)建一個對象（我們這里稱這個對象為obj），這個對象obj是連接到構造函數(shù)的原型上的，即obj會繼承構造函數(shù)原型上的屬性方法，并且構造函數(shù)中的this也被綁定到了這個對象上，執(zhí)行完成后這個對象會被作為返回值返回。
2.構造函數(shù)有返回值（這種情況比較少，至少我沒用過）
new出來的值由返回值的prototype而定
例如：
function Constructor(name){
this.name = name
return this.name;
}
var person = new Constructor("123");//Constructor {name: "123"};Object,因為基本類型的prototype都是Object
function Constructor(name){
this.name = name
return new String(this.name);
}
var person = new Constructor("123");//String {0: "1", 1: "2", 2: "3", length: 3, [[PrimitiveValue]]: "123"},
console.log(person);
運行結果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內(nèi)容還可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
前端使用JS內(nèi)置Blob實現(xiàn)下載各種形式的文件實例
通過使用JavaScript我們可以很方便地實現(xiàn)文件的下載功能,這篇文章主要給大家介紹了關于前端使用JS內(nèi)置Blob實現(xiàn)下載各種形式文件的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-06-06
下面小編就為大家?guī)硪黄猨s實現(xiàn)頁面跳轉的五種方法推薦。小編覺得挺不錯的。現(xiàn)在分享給大家。給大家參考一下。2016-03-03
這篇文章主要介紹了JavaScript實現(xiàn)時間倒計時跳轉(推薦)的相關資料,涉及到settimeout和setinterval方法的介紹，非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript中Infinity(無窮數(shù))的使用和注意事項
Infinity(無窮大)在 JS 中是一個特殊的數(shù)字,它的特性是它比任何有限的數(shù)字都大,如果不知道 Infinity,我們在一些運算操作遇到時,就會覺得很有意思,下面這篇文章主要給大家介紹了關于JavaScript中Infinity(無窮數(shù))的使用和注意事項,需要的朋友可以參考下2022-04-04
JavaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡單方法
下面小編就為大家?guī)硪黄狫avaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了JS求平均值的小例子，有需要的朋友可以參考一下2013-11-11
有一id=test的下拉框，怎么拿到選中的那個值呢？本文將采用javascript原生的方法及jquery方法（前提是已經(jīng)加載了jquery庫）來簡單實現(xiàn)下2013-10-10
這篇文章主要介紹了JS實現(xiàn)黑色大氣的二級導航菜單效果,具有延遲響應鼠標事件顯示切換效果的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
今天開發(fā)的時候，遇到要點擊縮略圖之后居中顯示圖片的大圖查看（大致效果如上圖所示）~想了好幾種實現(xiàn)方式,下面通過本文給大家分享JS點擊縮略圖整屏居中放大圖片效果，需要的朋友參考下吧2017-07-07
出門在外，沒有核酸證明寸步難行，此文將教你如何通過小程序制作一個工具幫你在人生地不熟的情況如何迅速找到核酸檢測點，實現(xiàn)核酸點查詢、地圖導航、撥號等功能，需要的朋友可以參考下2022-10-10