vue中可以借鉴的9中基础方法

vue中9种基础方法:基础判断、检查是否是原始值、快速对象检查、获取值的原始类型字符串、严格的对象类型检查、检查是否是有效的数组下标、值转换为实际的字符串、值转换为数字以进行持久化。

1、基础判断

    function isUndef(v) {
        return v === undefined || v === null
    }
    function isDef(v) {
        return v !== undefined && v !== null
    }
    function isTrue(v) {
        return v === true
    }
    function isFalse(v) {
        return v === false
    }

2、检查是否是原始值

    function isPrimitive(value) {
        return (
            typeof value === 'string' ||
            typeof value === 'number' ||
            // $flow-disable-line
            typeof value === 'symbol' ||
            typeof value === 'boolean'
        )
    }

3、快速对象检查

    function isObject(obj) {
        return obj !== null && typeof obj === 'object'
    }

4、获取值的原始类型字符串

    var _toString = Object.prototype.toString;

    function toRawType(value) {
        return _toString.call(value).slice(8, -1)
    }

5、严格的对象类型检查

    function isPlainObject(obj) {
        return _toString.call(obj) === '[object Object]'
    }
    // 这里大家可以思考一下为什么使用这种方式,还有下面的正则检查

6、严格的正则类型检查

    function isRegExp(v) {
        return _toString.call(v) === '[object RegExp]'
    }

7、检查是够是有效的数组下标

    function isValidArrayIndex(val) {
        var n = parseFloat(String(val));
        return n >= 0 && Math.floor(n) === n && isFinite(val)
    }

8、值转换为实际的字符串

    function toString(val) {
        return val == null ?
            '' :
            Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) ?
            JSON.stringify(val, null, 2) :
            String(val)
    }

9、值转换为数字以进行持久化

    function toNumber(val) {
        var n = parseFloat(val);
        return isNaN(n) ? val : n
    }

本文转自:http://www.javanx.cn/20200226/vue-code/

更多前端开发学习知识,请关注HTML中文网

以上就是vue中可以借鉴的9中基础方法的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Vue.js 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏