学习vue源码小记之小功能函数

vue3浅看源码

1. 判断变量是否改变

const hasChanged = (value: any, oldValue: any): boolean =>
  value !== oldValue && (value === value || oldValue === oldValue)

2. 类型判断

const objectToString = Object.prototype.toString
const toTypeString = (value: unknown): string =>
  objectToString.call(value)

const hasOwnProperty = Object.prototype.hasOwnProperty
const hasOwn = (
  val: object,
  key: string | symbol
): key is keyof typeof val => hasOwnProperty.call(val, key)

//数组
const isArray = Array.isArray

//Map
const isMap = (val: unknown): val is Map<any, any> =>
  toTypeString(val) === '[object Map]'
  
//集合
const isSet = (val: unknown): val is Set<any> =>
  toTypeString(val) === '[object Set]'
  
//Date
const isDate = (val: unknown): val is Date => val instanceof Date

//函数
const isFunction = (val: unknown): val is Function =>
  typeof val === 'function'

//字符串
const isString = (val: unknown): val is string => typeof val === 'string'


//数字
const isNumber = (val: unknown): val is string => typeof val === 'number'

//symbol
const isSymbol = (val: unknown): val is symbol => typeof val === 'symbol'

//对象
const isObject = (val: unknown): val is Record<any, any> =>
  val !== null && typeof val === 'object'

//Promise
const isPromise = <T = any>(val: unknown): val is Promise<T> => {
  return isObject(val) && isFunction(val.then) && isFunction(val.catch)
}