XDrive 工具类

包含常用的类型判断、常用的工具类方法

按需加载

@x-drive/utils 支持基于 babel-plugin-import 的按需加载机制

1. 项目中引入 babel-plugin-import,可在 package.json 的 devDependencies 中手动加入

   "devDependencies": {
       "babel-plugin-import": "1.13.3"
   }

   或使用 npn install babel-plugin-import --save-dev
2. 修改 babel.config.js 文件中 plugins 字段，增加模块相关设置

   "plugins": [
       [
           "import"
           , {
               "libraryName": "@x-drive/utils"
               , "libraryDirectory": "dist/libs"
               , "camel2DashComponentName": false
           }
           , "@x-drive/utils"
       ]
   ]

   如是 rollup 等工具中使用则在对应的 babel 设置中添加相应的配置

数据类型判断

基于 is 扩展出各个数据类型的判断方法，用于各种数据类型的判断场景

is(subject: any, type: string): boolean

数据类型判断

• subject 待判断的数据
• type 数据类型名字

isArray(subject: any): boolean

是否是数组

• subject 待判断的数据

isObject(subject: any): boolean

是否是对象

• subject 待判断的数据

isString(subject: any): boolean

是否是字符串

• subject 待判断的数据

isNull(subject: any): boolean

是否是 null

• subject 待判断的数据

isNumber(subject: any): boolean

是否是数字

• subject 待判断的数据

isUndefined(subject: any): boolean

是否 undefined

• subject 待判断的数据

isFunction(subject: any): boolean

是否函数

• subject 待判断的数据

isBoolean(subject: any): boolean

是否是布尔值

• subject 待判断的数据

isError(subject: any): boolean

是否是错误对象

• subject 待判断的数据

isRegexp(subject: any): boolean

是否是正则

• subject 待判断的数据

isAsyncFunction(subject: any): boolean

是否 async 声明的异步函数

• subject 待判断的数据

isSymbol(subject: any): boolean

是否 Symbol

• subject 待判断的数据

isExecutable(fn: unknown): boolean

是否是可执行函数

• fn 待判断的数据

isValidArray(subject: any): boolean

是否是数组且长度大于0

• subject 待判断的数据

常用方法

包含开发过程中遇到的各种与平台无关的函数、正则

labelReplace(tpl: string, data: T, keep?: boolean, remove?: boolean): string

批量替换字符串中带花括号标签为指定数据

• tpl 待处理的字符串
• data 替换数据
• keep 是否保留未能解析的标签
• remove 是否同时删除已替换的数据字段

labelReplace('{a}/{b}/c', {a: 1, b: 2}) // 1/2/c
labelReplace('{a}/{b}/c', {a: 1}, true) // 1/{b}/c

toArray(args: any[]): Array

伪数组转成数组

• args 伪数组对象

each(data: T[] | object, handler: Function, context?: object): void

通用遍历函数

• data 待遍历数据
• handler 处理函数
• context 作用域

toUnderlineName(str: string): string

转化为蛇形命名

• str 待处理的字符串

snakeToCamel(str: string): string

蛇形转小驼峰

• str 待处理的字符串

copy(item: T): T

简单复制

• item 原始数据

fix0(number: any, size: number): string

格式化数字, 自动补 0

• number 要格式化的数字
• size 格式化后出来的数字位数

shuffle(arr: T[]): T[]

数组随机分布

• arr 原始数组

random(max: number, min: number): number

获取包含指定范围内的随机数

• max 最大范围(包含)
• min 最小范围(包含，默认 0)

serialize(query: object, encode?: boolean): string

序列化请求参数

• query 参数对象

extend(): any

对象扩展方法

• subject 待判断的数据

merge(target: object, ...sources: any[]): any

合并

• target 合并基准对象
• sources 后续合并对象

queryString(dat: object): string

请求参数对象转成请求参数字符串

• dat 请求参数

toDate(date: any, offset?: number): any

转换对象为JS Date对象

• date <可选> 日期数据(时间戳, 字符串, Date对象, 空)
• offset 修正偏移的秒数

date(date: any, format?: string, offset?: number): string

按照指定格式将日期对象或时间戳转化为日期字符串

• date 日期对象或时间戳
• format 日期格式
• offset 修正偏移的秒数

parseStr(str: string, separator: string = "&", assignment: string | RegExp = "=", ignore: RegExp =^#/, decode: boolean = true): ParseReturn**

解析输入文本，输出带对应 kv 的对象

• str 待处理字符串
• separator 字符串分割符号
• assignment 赋值符号
• ignore 需要排除的数据标识
• decode 是否执行 decode 操作

throttle(fn: (...args: any[]) => void, delay: number): (...args: any[]) => void

节流

• fn 回调函数
• delay 延迟时间

cakk<T = any>(origin:Function): T

将某些 js 数据类型上的原始方法转化为可直接调用的函数

• origin 需要处理的原始函数

delay(fn: Function, wait: number, ...ext: any[])

延迟一段时间执行方法

• fn 执行函数
• wait 延迟时间
• ext 要传递给延迟执行函数的参数

sleep(time: any, logger: any)

休眠指定时间或随机时间

• time 指定时间或随机时间
• logger 日志模块

fixFloat0(num: number, size: number): string | number

小数点补充 0 至保留位数

• num 待处理的数字
• size 保留位数

upCaseFirstChar(str: string): string

首字大写

• str 待处理的字符串

ready(timeout?: number): Promise

添加页面可操作后的处理逻辑

• timeout 等待超时时间

copyToClipboard(text: string): Promise

复制到剪切板

• text 待处理的字符串

toYuan(val: string | number, precision?: number): string | number

分转元(人民币)

• val 原始金额
• lv 转化等级
• precision 保留小数点精度

numberToStrWithRank(val: number, precision?: number, lv?: number[], rank?: string[], konly?: boolean): string

格式化数字为带计数单位的字符串

• val 要格式化的数字
• precision 要保留的小数点位数
• lv 计数单位分界列表
• rank 计数单位名称列表
• konly 是否只返回第一个等级

正则

labelReplaceExp: RegExp

带花括号标签检测正则

UPPER_CASE_REGEXP: RegExp

大写字母匹配正则

IS_QM_ONLY_REGEXP: RegExp

只有一个问号结尾

FORMAT_REGEXP: RegExp

日期格式化格式匹配正则

DATE_REGEXP: RegExp

时间分割正则

SNAKE_TO_CAMEL_REGEXP: RegExp

蛇形命名匹配正则

数字相关

getNumberWithDec(num: number, dec: number): number

浮点数字精度处理

• num 待处理数字
• dec 精度

getNumberAverage(arr:number[], dec:number): number

获取一组数组中的平均数

• arr 待处理数组
• dec 保留精度

getNumberVariance(arr:number[], dec:number): number

获取一组数组中的方差

• arr 待处理数组
• dec 保留精度
• offset 修正偏移的秒数

getStdDeviation(arr:number[], dec:number): number

获取一组数组中的标准差

• arr 待处理数组
• dec 保留精度