JS使用new操作符創(chuàng)建對象的方法分析

本文實例講述了JS使用new操作符創(chuàng)建對象的方法。分享給大家供大家參考，具體如下：

在編寫js代碼時，我們有時會需要使用函數(shù)來模擬java中的類，并用它來產(chǎn)生對象，在定義了一個構(gòu)造函數(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>

運行結(jié)果：

如果我們不使用new操作符調(diào)用函數(shù)，就只會簡單的執(zhí)行函數(shù)，并把函數(shù)的返回值賦給person1,所以上面的例子中person1的值是undefined,.

如果我們使用new操作符調(diào)用構(gòu)造函數(shù)，做了哪些事情呢？

1.構(gòu)造函數(shù)沒有返回值

使用new操作符調(diào)用函數(shù)，會隱式的創(chuàng)建一個對象（我們這里稱這個對象為obj），這個對象obj是連接到構(gòu)造函數(shù)的原型上的，即obj會繼承構(gòu)造函數(shù)原型上的屬性方法，并且構(gòu)造函數(shù)中的this也被綁定到了這個對象上，執(zhí)行完成后這個對象會被作為返回值返回。

2.構(gòu)造函數(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);

運行結(jié)果：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com