JS使用new操作符創(chuàng)建對象的方法分析
本文實例講述了JS使用new操作符創(chuàng)建對象的方法。分享給大家供大家參考，具體如下：
在編寫js代碼時，我們有時會需要使用函數(shù)來模擬java中的類，并用它來產生對象，在定義了一個構造函數(shù)之后我們需要使用new操作符來調用調用函數(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操作符調用函數(shù)，就只會簡單的執(zhí)行函數(shù)，并把函數(shù)的返回值賦給person1,所以上面的例子中person1的值是undefined,.
如果我們使用new操作符調用構造函數(shù)，做了哪些事情呢？
1.構造函數(shù)沒有返回值
使用new操作符調用函數(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相關內容還可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了iframe窗口高度自適應的實現(xiàn)方法，有需要的朋友可以參考一下2014-01-01
這篇文章主要為大家詳細介紹了Javascript 6里的4個新語法，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了Html IFrame的用法及注意點,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JavaScript基于面向對象之繼承實例,需要的朋友可以參考下2015-12-12
下面小編就為大家?guī)硪黄唵螌崿F(xiàn)輪播圖效果的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JS是一門計算機編程語言，是一門動態(tài)語言也稱為腳本語言，是解析型編程語言。需要了解跟多2012-11-11
這篇文章主要為大家展示了bootstrap多種樣式進度條，默認進度條、條紋進度條等，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文給大家分享的是在IOS瀏覽器中使用iscroll.js的上拉下拉刷新時當手指劃出屏幕后無法回彈的解決方法，希望對大家能夠有所幫助。2016-02-02
這篇文章主要介紹了javascript實現(xiàn)添加附件功能的方法，在我們編輯信息時，有時候需要附加文件、圖片實現(xiàn)上傳功能，通過本文了解javascript是如何實現(xiàn)附加功能的，請閱讀。2015-11-11
這篇文章主要介紹了js腳本中執(zhí)行java后臺代碼方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10