ES5和ES6创建类的区别

2019-01-16 18:01 更新


/**
 * @Author: 魏青峰
 * @Date: 2019-01-16 17:37:49
 * @param {type} 
 * @return: 
 * @Description: ES5:类定义方式
 */
function Point(config){
  this._config = config;


  //操作当前对象的属性,属性可以覆盖原型
  this.toString2 =function(){console.log('2') };
  Point.prototype.toString2 =function(){console.log('3')};
}
//给原型添加方法
Point.prototype = {
  toString1() {
    console.log('1')
  },
  toValue1() {}
}
export {Point}




// ES6:类定义方式
/**
 * @Author: 魏青峰
 * @Date: 2019-01-16 17:37:28
 * @param {type} 
 * @return: 
 * @Description: ES6:类定义方式
 */
class Line{
  constructor(config){
    this._config = config;
    //操作当前对象的属性,属性可以覆盖原型
    this.toString=function(){ console.log('obj') }
  }


  toString(){
    console.log('prt')
  }
  toValue(){}


}
export {Line}
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号