vue源码中的检测方法的实现
更新时间:2019年09月26日 10:01:28 作者:夏小夏
这篇文章主要介绍了vue源码中的检测方法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
判断是否为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])/g const hyphenate = (str) => { return str.replace(hyphenateRE, '-$1').toLowerCase() }
将连接符转成驼峰字符串 magic-eight-tall 转换成 magicEightTall
const camelizeRE = /-(\w)/g const 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() : '') })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
这篇文章主要介绍了vue+element使用动态加载路由方式实现三级菜单页面显示的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08vue启动后请求后端接口报ERR_EMPTY_RESPONSE错误的解决
这篇文章主要介绍了vue启动后请求后端接口报ERR_EMPTY_RESPONSE错误的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-05-05
最新评论