typescript基础之typeof与instanceOf的区别

TypeScript 的 typeof 和 instanceof 是两个不同的运算符，它们都可以用来获取或检查一个值或变量的类型，但有以下区别：

•  typeof 运算符返回一个值或变量的基本类型，例如 "string"，"number"，"boolean"，"function" 等。它可以用在表达式中，也可以用在类型上下文中，即用来定义类型别名或类型注解。在类型上下文中，typeof 运算符可以获取一个值或变量的最具体的类型，而不是基本类型。例如：

const nameLi = "LiSan"
if(typeof nameLi === 'string'){
    console.log('typeof 在表达式中，表示返回一个值或变量的基本类型。')
}

// 在类型上下文中，typeof 运算符可以获取一个值或变量的最具体的类型，而不是基本类型。
let li: typeof nameLi;
li = nameLi;
li = "LiSan"
console.log(li)
if(li === 'LiSan'){
    console.log("li === 'LiSan' -->  true")
}

•  instanceof 运算符检查一个对象是否是一个特定的构造函数创建的，或者是否实现了一个特定的接口。它只能用在表达式中，不能用在类型上下文中。它返回一个布尔值，表示对象是否属于构造函数的原型链。例如：

interface Animal {
    eat(): void;
}

class Dog implements Animal {
    eat() {
        console.log("Dog eats");
    }
    bark() {
        console.log("Dog barks");
    }
}

let dog = new Dog();
console.log(dog instanceof Dog); // true
console.log(dog instanceof Animal); // true

typeof 和 instanceof 的使用场景也不同：

•  使用 typeof 来获取或检查简单的内置类型，例如字符串，数字，布尔值等。

•  使用 instanceof 来检查自定义的类型，例如类，接口等。

•  使用 instanceof 来检查复杂的内置类型，例如数组，正则表达式等。