es6为类创建多个构造函数

最新推荐文章于 2023-07-09 21:06:41 发布

weixin_33701617

最新推荐文章于 2023-07-09 21:06:41 发布

阅读量447

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/646351

本文深入探讨了ES6中JavaScript类的构造函数实现机制，详细解释了如何通过类型判断实现构造函数重载，以适应不同参数类型的实例化需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

解决

原理则是对一个构造函数的传值进行类型判断，从而实现根据类型的不同调用不同的构造函数方法体

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
  }
}