vue源码中的检测方法的实现

时间:2021-05-26

判断是否为undefined或null

const isDef = (v) => { return v !== undefined && v !== null}

判断是否为Promise 函数

const isPromise = (val) => { return ( val !== undefine && typeof val.then === 'function' && typeof val.catch === 'function' )}

判断是否为简单数据类型

const isPrimitive (value) => { return ( typeof value === 'string' || typeof value === 'number' || typeof value === 'symbol' || typeof value === 'boolean' )}

严格检查复杂数据类型

const isPlainObject = (obj) => { return Object.prototype.toString.call(obj) === '[object Object]'}const isRegExp = (v) => { return Object.prototype.toString.call(v) === '[object RegExp]'}

将驼峰字符串转成连接符 magicEightTall 转换成 magic-eight-tall

const hyphenateRE = /\B([A-Z])/gconst hyphenate = (str) => { return str.replace(hyphenateRE, '-$1').toLowerCase()}

将连接符转成驼峰字符串 magic-eight-tall 转换成 magicEightTall

const camelizeRE = /-(\w)/gconst camelize = (str) => { return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '')}

如果不想重复转换,可用以下方法调用转换函数

const cached = (fn) => { const cache = Object.create(null) console.log(cache); return ((str) => { const hit = cache[str] return hit || (cache[str] = fn(str)) })};


const camelize = cached((str) => { return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '')})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章