DayJs源码（三）Dayjs类初始化

看完了dayjs函数，接下来就看 Dayjs类。

先来看类初始化部分

const parseDate = (cfg) => {
  const { date, utc } = cfg // 解构出date
  if (date === null) return new Date(NaN) // null is invalid
  if (Utils.u(date)) return new Date() // today // 这是不传值的情况，Utils.u对应utils.js中的isUndefined方法
  if (date instanceof Date) return new Date(date) // 传入了时间
  if (typeof date === 'string' && !/Z$/i.test(date)) { // 如果传入date为string
    const d = date.match(C.REGEX_PARSE) //C.REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/
    if (d) {
      const m = d[2] - 1 || 0
      const ms = (d[7] || '0').substring(0, 3)
      if (utc) {
        return new Date(Date.UTC(d[1], m, d[3]
          || 1, d[4] || 0, d[5] || 0, d[6] || 0, ms))
      }
      return new Date(d[1], m, d[3]
          || 1, d[4] || 0, d[5] || 0, d[6] || 0, ms)
    }
  }

  return new Date(date) // everything else
}

class Dayjs {
  constructor(cfg) {
    this.$L = parseLocale(cfg.locale, null, true) // 将语言赋值
    this.parse(cfg) // for plugin
  }

  parse(cfg) {
    this.$d = parseDate(cfg) // 解析参数并返回date值
    this.$x = cfg.x || {}
    this.init()
  }

  init() {
    const { $d } = this
    this.$y = $d.getFullYear()
    this.$M = $d.getMonth()
    this.$D = $d.getDate()
    this.$W = $d.getDay()
    this.$H = $d.getHours()
    this.$m = $d.getMinutes()
    this.$s = $d.getSeconds()
    this.$ms = $d.getMilliseconds()
  }
  ...
}

构造函数中将语言方式赋值给$L,调用parse方法解析cfg参数，具体可见代码注释。

init方法中就是解构出解析完存储的date，调用JavaScript的Date原生方法来获取年，月，日等参数。

接下来就是构造函数内各个API的代码。

下一篇 ： DayJs源码（四）Dayjs类中API