1.dayjs源码解析(二):Dayjs 类
dayjs源码解析(二):Dayjs 类
上篇文章讲述了dayjs的基础知识、locale、源码的样constant和utils,源码的样本文将继续深入解析dayjs的源码的样核心部分——src/index.js中的Dayjs类。
src/index.js文件结构清晰,源码的样按照以下步骤构建:
然而,源码的样c 开源项目源码这里存在两个疑问,源码的样可能是源码的样为了缩减代码体积,由@iamkun提出。源码的样
现在开始正式分析代码。源码的样
locale相关全局定义
首先默认导入了locale/en.js英文的源码的样locale,然后使用L存储当前使用的源码的样locale名字,使用Ls(locale Storage)存储locale对象。源码的样阅读源码记不住
工具补充
定义了一个工具方法parseLocale。源码的样这个方法处理以下几种情况:
然后将定义好的源码的样parseLocale方法补充到Utils中。
相关方法
在Dayjs类中,关于locale的方法有两个,实例私有方法$locale用来返回当前使用的locale对象;实例方法locale本质上就是调用了parseLocale方法,但最后返回的layui网址导航源码是新的改变了locale的Dayjs实例。
注意:在dayjs中,许多操作都使用clone()方法来返回新的Dayjs实例,这也是这个库的优点之一。
最后同样将parseLocale方法补充到Dayjs类的静态方法中。
补充Utils
上一节和前文中已经分析了一些Util工具,这里将其补充完整:
注意:这些工具方法没有统一定义在utils.js文件中的仿文档付费源码原因是用到了index.js作用域中的一些变量。
需要特别关注的是wrapper方法,在Dayjs类中大量应用了该方法,其实是通过date和原实例封装了一个新实例,新实例和原实例的主要区别就是关联的时间不同。
Dayjs类
Dayjs类是整个dayjs库的核心,可以给其定义的欧傅源码下载实例方法分类,也可以查看官网的文档分类。
解析都写在了代码的注释里:
原型链
通常来说,定义在实例中的方法应该在原型链上,但有几个与时间有关的setter/getter方法相似,所以单独将原型链写在了上面。
这几个方法都是不传参数时为getter,传参数时为setter。
静态属性
还有一些方法和属性挂在了dayjs函数对象上,最核心的是加载插件和加载locale的方法,几个方法的用法都能在官方文档中找到。
如果对dayjs函数对象、Dayjs类和原型的关系感到困惑,可以参考下图,最后形成的关系如下图所示:
总结
如果不看插件部分,dayjs库的核心已经解析完成,看一下默认生成dayjs实例长什么样子:
实例本身的属性是一些与时间相关的属性,各种操作方法都在原型__proto__上。
本节结束,下一节将开始解析dayjs的插件。