es6为类创建多个构造函数

简介: 版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82820605 ...
版权声明:本文首发 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
  }
}
目录
相关文章
dpkg 被中断、sudo apt-get upgrade失败
写了个小插件,服务器部署的时候发现少了一些依赖,果断apt-get,然而失败了: E: dpkg 被中断,您必须手工运行 ‘sudo dpkg --configure -a’ 解决此问题。 找到解决办法: sudo rm /var/lib/dpkg/updates/* sudo apt-get update sudo apt-get upgrade 解决了么?并没有...。
|
9月前
|
XML 移动开发 开发者
京东商品详情数据接口(H5、APP 端)
京东商品详情数据接口是为H5和APP开发者提供的工具,支持获取商品名称、价格、库存、销量、评价、图片等详细信息,优化应用功能。接口返回JSON或XML格式数据,方便解析处理。适用于电商导购、社交媒体分享、活动推广、价格监控等场景,提升用户体验和购物决策效率。示例代码展示了使用Python发送GET请求的方法。
|
JavaScript 前端开发 Go
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
2333 2
|
前端开发 C++
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
411 0
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
253 0
|
JSON JavaScript 前端开发
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
|
数据采集 前端开发 JavaScript
服务器端渲染(SSR)和客户端渲染(CSR)的比较与选择
服务器端渲染(SSR)和客户端渲染(CSR)是现代 Web 开发中广泛使用的两种渲染方式。本文将从性能、SEO、开发成本等角度对两者进行比较,并提供选择建议。
|
关系型数据库 MySQL
MySQL字段默认值设置详解
在 MySQL 中,我们可以为表字段设置默认值,在表中插入一条新记录时,如果没有为某个字段赋值,系统就会自动为这个字段插入默认值。关于默认值,有些知识还是需要了解的,本篇文章我们一起来学习下字段默认值相关知识。
1637 0