JS使用new操作符創建對象的方法分析

2024-05-06 16:51:37

字體：大中小

來源：轉載

供稿：網友

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

在編寫js代碼時，我們有時會需要使用函數來模擬java中的類，并用它來產生對象，在定義了一個構造函數之后我們需要使用new操作符來調用調用函數才能得到我們想要的對象。例如：

<script>function Constructor(name){this.name = name}var person1 = Constructor("張三");//undefinedvar person2 = new Constructor("張三");//得到一個對象｛name:"張三"｝console.log(person1);console.log(person2);</script>

運行結果：

JS,new,操作符,創建對象

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

如果我們使用new操作符調用構造函數，做了哪些事情呢？

1.構造函數沒有返回值

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

2.構造函數有返回值（這種情況比較少，至少我沒用過）

new出來的值由返回值的prototype而定

例如：

function Constructor(name){this.name = namereturn this.name;}var person = new Constructor("123");//Constructor {name: "123"};Object,因為基本類型的prototype都是Objectfunction Constructor(name){this.name = namereturn new String(this.name);}var person = new Constructor("123");//String {0: "1", 1: "2", 2: "3", length: 3, [[PrimitiveValue]]: "123"},console.log(person);

運行結果：

JS,new,操作符,創建對象