ES5與ES6構造函數


(1)ES5構造函數語法

  function 函數名(參數...){

    this.屬性 = 參數;

    this.屬性 = 屬性值;

  }

  函數名.prototype.方法名 = function(){

    執行的程序;

  }

(2)ES6構造函數語法

  class 類名{

    constructor(參數...){

      this.屬性 = 參數;

      this.屬性 = 屬性值;

    }

    方法名稱(){

      執行的程序;

    }

  }

(3)ES5ES6語法對比

           

ES5ES6區別

1.定義構造函數:

  ES5---function  函數名定義

  ES6---class  類名定義

  注:class構造函數類名后沒有()

2.定義實例化對象屬性和屬性值:

  ES5---function函數中定義實例化對象屬性和屬性值

  ES6---constructor構造器中定義實例化對象屬性和屬性值

  二者語法形式完全相同,只是書寫位置不同

3.定義方法:

  ES5---函數名.prototype.方法名 = function(){}

  ES6---方法名稱(){}

  構造函數的函數方法,都是定義在構造函數的prototype中,只是語法不同


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM