構造函數與普通函數的比較

在js中，用new關鍵字來調用定義的構造函數。默認返回的是一個新的對象具備構造函數定義的變量和方法。

先來寫個構造函數的例子：

 

function Prince(name,age){
  this.gender="male";
  this.kind=true;
  this.rich=true;
  this.name=name;
  this.age=age;
}
Prince.prototype.toFrog=function(){
  console.log("Prince "+this.name+" turned into a frog.");
}
var prince=new Prince("charming",25);
prince.toFrog();//Prince charming turned into a frog.
prince.kind;//true

 

構造函數與普通函數的區別就是：

一、用new關鍵字調用

var prince = new Prince(「charming」,25);

二、函數內部能夠使用this關鍵字（普通函數原則上不能夠！由於普通函數的this至關於window）

在構造函數內部，this指向的是構造出的新對象。用this定義的變量貨函數／方法，就是實例變量／實例函數／方法。須要用實例才能訪問到，不能用類型名訪問。

prince.age;//25

Prince.age;//undefined

三、默認不用return返回值

構造函數是不須要用return顯示返回值，默認會返回this，也就是新的實例對象。固然，也能夠用return語句，返回值會根據return值的類型而有所不一樣。

四、函數命名建議首個字母大寫，與普通函數區分開。

不是命名規範，可是建議這麼寫。

 

 

附上一個普通函數：

    function common(){
         return("愛因斯然");
    }
    common();

//自行腦補構造函數和普通函數的區別