ES5与ES6构造函数

(1)ES5构造函数语法

  function 函数名(参数...){

    this.属性 = 参数;

    this.属性 = 属性值;

  }

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

    执行的程序;

  }

(2)ES6构造函数语法

  class 类名{

    constructor(参数...){

      this.属性 = 参数;

      this.属性 = 属性值;

扫描二维码关注公众号,回复: 10968378 查看本文章

    }

    方法名称(){

      执行的程序;

    }

  }

(3)ES5ES6语法对比

          

ES5ES6区别

1.定义构造函数:

  ES5---function  函数名定义

  ES6---class  类名定义

  注:class构造函数类名后没有()

2.定义实例化对象属性和属性值:

  ES5---function函数中定义实例化对象属性和属性值

  ES6---construcor构造器中定义实例化对象属性和属性值

  二者语法形式完全相同,只是书写位置不同

3.定义方法:

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

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

  构造函数的函数方法,都是定义在构造函数的prototype中,只是语法不同

猜你喜欢

转载自www.cnblogs.com/gnn0804/p/12735830.html