您现在的位置是:首页 > 文章详情

es6为类创建多个构造函数

日期:2018-09-22点击:615
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82820605

虽然ES6之后可以实现JavaScript创建Class,但自身并不提供函数重载,所以无法直接创建多个构造函数

更多精彩

解决

  1. 原理则是对一个构造函数的传值进行类型判断,从而实现根据类型的不同调用不同的构造函数方法体
export default class User {
  
  constructor (obj) {
    if (typeof obj === 'string') {
      this._constructorSimple(obj)
    } else if (typeof obj === 'object') {
      this._constructorComplex(obj)
    }
  }
  
  _constructorSimple (id) {
    this.id = id
    this.code = ''
    this.name = ''
    this.sex = '男'
    this.age = 20
    this.birthday = ''
    this.address = ''
    this.selectedGroup = []
    this.selectedRoles = []
  }
  
  _constructorComplex (data) {
    this.id = data.id
    this.code = data.code
    this.name = data.name
    this.sex = data.sex
    this.age = data.age
    this.birthday = data.birthday
    this.address = data.address
    this.selectedGroup = data.groupIds.split(',')
    this.selectedRoles = data.selectedRoles
  }
}
原文链接:https://yq.aliyun.com/articles/646351
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章