typeof 在TypeScript中和JavaScript中的区别

前言        

        在TypeScript中和JavaScript中都有typeOf，但是作用用法却大有不同。

js的typeof

一、typeof用来判断数据类型返回结果：

基本数据类型：string，number，boolean,undefined
引用数据类型：object (不管是什么引用类型就返回object)，function

二、typeof判断变量是否存在

typeof a!="undefined"

ts的typeof

        ts中的typeof可以根据已有的值在函数中有默认变量的值，获取该值的类型，简化类型书写

        ts中的typeof不仅可以获取数据的类型，还可以在类型上下文中引用变量和属性的类型（类型查询）。

        注意只能查询变量，不能查询函数调用的。

function add(point: { x: number; y: number }) {}
const p = {x:1,y:2}
add(p)

        一般我们都是这样子写 。但是有了typeof我们可以直接声明p，实现弯道超车

const p = {x:1,y:2}
function add(point: typeof p) {}
add(p)

         add函数会根据p的类型限制以后的入参。

        当然了ts的typeof也可以跟js一样，对类型进行验证限制，也就是TS说的类型守护