鸿蒙中，类型检查typeof 和 instanceof 操作符

本文同步发表于我的微信公众号，微信搜索 程语新视界 即可关注，每个工作日都有文章更新

在鸿蒙（HarmonyOS）应用开发中，typeof 和 instanceof 是 TypeScript/JavaScript 中用于类型检查的两个关键操作符，但它们的用途和底层逻辑有显著差异。以下是详细对比和应用场景：

1. typeof：检测基本数据类型

作用

• 返回一个字符串，表示操作数的基本数据类型（如 "number"、"string"）。
• 主要用于判断原始类型（Primitive Types）。

语法

typeof variable;

返回值对照表

示例代码

let num = 42;
let str = "HarmonyOS";
let isActive = true;
let arr = [1, 2, 3];

console.log(typeof num);      // "number"
console.log(typeof str);      // "string"
console.log(typeof isActive); // "boolean"
console.log(typeof arr);      // "object"（无法区分数组和普通对象）

鸿蒙开发中的典型用途

• 检查变量是否已初始化（undefined）。
• 确保函数参数为基本类型（如验证数字输入）。

2. instanceof：检测对象的具体类型

作用

• 检查一个对象是否属于某个构造函数或类的实例。
• 用于判断引用类型（如自定义类、内置对象）。

语法

object instanceof Constructor;

示例代码

class Device {}
let myDevice = new Device();
let date = new Date();

console.log(myDevice instanceof Device); // true
console.log(date instanceof Date);       // true
console.log([] instanceof Array);        // true
console.log({} instanceof Object);       // true

// 注意：原始类型无法通过 instanceof 检测
console.log(42 instanceof Number);       // false（原始类型不是对象）

鸿蒙开发中的典型用途

• 判断组件是否属于特定类（如自定义UI组件）。
• 验证API返回的对象类型（如 Response 是否是 HttpResponse 的实例）。

3. 核心区别对比

4. 鸿蒙开发中的注意事项

1. 类型守卫（Type Guard） 结合 typeof 和 instanceof 实现更安全的类型判断：

function logValue(value: unknown) {
  if (typeof value === "string") {
    console.log(value.toUpperCase()); // 类型收窄为string
  } else if (value instanceof Date) {
    console.log(value.getFullYear()); // 类型收窄为Date
  }
}

     2. 自定义类的继承链

   instanceof 会检查整个原型链：

class Phone extends Device {}
let myPhone = new Phone();
console.log(myPhone instanceof Device); // true（父类也会被识别）

     3. 跨窗口/iframe问题

        在Web开发中，instanceof 可能因全局上下文不同而失效，但鸿蒙原生开发无此问题。

5. 替代方案（TypeScript特性）

• in 操作符：检查对象是否包含某个属性。
• 类型断言（as）：手动指定类型（需谨慎使用）。
• 类型谓词：自定义类型判断函数。

总结

• 用 typeof 对付基本类型（数字、字符串等）。
• 用 instanceof 对付对象和类（数组、自定义组件等）。
• 在鸿蒙开发中，两者结合使用可以覆盖绝大多数类型检查场景，确保代码的健壮性和可维护性。