【TypeScript】类型守卫

跟着 小满zs 学ts，原文：学习TypeScript类型守卫_类型“{ rsfid: any; rsfname: any; cycletime: any; sor-CSDN博客

类型收缩(收窄)

const isString = (str: any) => typeof str === 'string' || str instanceof String;

typeof 只能返回有限的字符串类型，包括 “string”、“number”、“boolean”、“symbol”、“undefined” 和 “object”。对于函数、数组、null 等类型，typeof 也会返回 “object”。

类型谓词(自定义守卫)

实现一个函数，该函数可以传入任何类型。但是如果是object就检查里面的属性，如果里面的属性是number就取两位小数；如果是string就去除左右空格；如果是函数就执行。

// const isObject = (data:any): data is object => Object.prototype.toString.call(data) === '[object Object]'
// 同理以下写法
const isObject = (data: any) => ({}).toString.call(data) === '[object Object]'
const isFunction = (data: any) => typeof data === 'function'
const isNumber = (data: any): data is number => typeof data === 'number'
const isString = (data: any): data is string => typeof data === 'string'
const fn = (data: any) => {
    if (isObject(data)) {
        let value
        // 遍历不能使用 for in 因为 for in 会遍历原型链上的属性
        Object.keys(data).forEach(key => {
            value = data[key]
            if (isNumber(value)) {
                data[key] = value.toFixed(2)
            }
            if (isString(value)) {
                data[key] = value.trim()
            }
            if (isFunction(value)) {
                // value();
                data[key]();
            }
        })
    }
}
let obj = {
    a: 1.1234,
    b: '  123  ',
    c: function () {
        console.log(this, '函数执行')
    }
}
fn(obj)
console.log(obj)

当函数被单独调用时（例如 value()，nodejs环境 this->undefined / 浏览器环境 this -> window），函数内部的 this 会指向全局对象。所以这里要通过对象自身去调用。

自定义守卫，只能接收布尔值，例如：typeof str === 'string'，当成立的时候，data 被赋予类型 string。