判断类型的js封装插件——typeHelper.js

深藏阁楼爱情的钟 2021-07-25 16:58 475阅读 0赞

这个是别人封装好的js插件，我直接拿来用的，超级简单，其实判断依据也很简单……  
代码如下：

const TypeHelper = { 
        isString(o) {  //是否字符串
            return Object.prototype.toString.call(o).slice(8, -1) === 'String'
        },
        isNumber(o) {  //是否数字
            return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
        },
        isBoolean(o) {  //是否boolean
            return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
        },
        isFunction(o) {  //是否函数
            return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
        },
        isNull(o) {  //是否为null
            return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
        },
        isUndefined(o) {  //是否undefined
            return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
        },
        isObj(o) {  //是否对象
            return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
        },
        isArray(o) {  //是否数组
            return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
        },
        isDate(o) {  //是否时间
            return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
        },
        isRegExp(o) {  //是否正则
            return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'
        },
        isError(o) {  //是否错误对象
            return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
        },
        isSymbol(o) {  //是否Symbol函数
            return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
        },
        isPromise(o) {  //是否Promise对象
            return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
        },
        isSet(o) {  //是否Set对象
            return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
        },
        isFalse(o) { 
            if (!o || o === 'null' || o === 'undefined' || o === 'false' || o === 'NaN') return true
            return false
        },
        isTrue(o) { 
            return !this.isFalse(o)
        }
    }
    
    export default TypeHelper

控制台测试一下：  
![在这里插入图片描述][20210426155107324.png]  
`Object.prototype.toString.call(xxx)`call的作用就是改变this指向，打印出来的内容是："\[object String\]"，此时通过slice可以截取字符串指定位置的字符串片段。

上面的代码就是这样的一个原理：

使用方式如下：

import TypeHelper from '@/utils/helper/TypeHelper'
    export default({ 
    	methods:{ 
    		checkType(val){ 
    			console.log(TypeHelper.isArray(val));//判断是否是数组
    		}
    	}
    })

完成！

[20210426155107324.png]: /images/20210725/52418d89e2a443fe958c78a988dc9f99.png