JavaScript中構造函數的使用方法

這篇文章將為大家詳細講解有關JavaScript中構造函數的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

構造函數生成

this在開始時創建空，并在結束時返回填充的空

function Student(name age){
this.name=name;
this.age=age;
}
var student=new Student("張三"，"18");
var student1=new Student("李四"，"19");

在執行函數的過程時Student()時會執行以下步驟：

（1）創建并分配新的空對象this。

（2）函數體執行。通常它會修改this，為其添加新屬性。

（3）this返回值。

同樣，如果我們想要創建更多的student，我們可以調用new Student(),每次方法簡單而且也易于閱讀。

這是構造函數的主要目的：實現可重用的對象創建代碼。

構造函數返回

一般情況下，構造函數沒有return聲明，他們的任務是將所需要的東西寫入this，并自動生成結果。

但是如果有return的話，就會變得很簡單了,比如return使用object調用，則返回的不是this，也就是return對象返回該對象，this則返回所有其他情況

例如，這里通過返回一個對象來return覆蓋this

function Student() {
 this.name = "張三";
 return { name: "李四" };  //return 一個對象
 }
 console.log( new Student().name );

因為return 一個對象，所以返回的是return里面的值而不是this中的值

但是如果我們return的是一個空值，那么返回的就是this值

<script>
function Student() {
 this.name = "張三";
 return;  //return 一個空對象
 }
console.log(new Student().name ); 
</script>

構造函數中的方法

構造函數不僅可以添加屬性還可以添加方法，使構造函數來創建對象更加靈活

<script>
function Student(name) {
 this.name = name;
 this.friend=function(){
 console.log("this my friend:"+this.name);
 };
}
var student=new Student("張三");
student.friend();
</script>

關于JavaScript中構造函數的使用方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。