在前端开发中，类型判断是非常常见的操作。在 ECMAScript 2021 (ES12) 中，我们可以使用新的语法来进行类型判断，这样可以让我们的代码更加简洁、易读、易于维护。本文将介绍如何在 ES12 中进行类型判断，并提供一些示例代码。
typeof 运算符
在 ES12 中，我们可以使用 typeof 运算符来判断一个变量的类型。typeof 运算符返回一个字符串，表示变量的类型。
----- --- - ------ ------- ----- --- - ---- ----- ---- - ----- ----- --- - --- -- --- ----- --- - - ----- ------ ---- -- -- ------------------ ----- -- -------- ------------------ ----- -- -------- ------------------ ------ -- --------- ------------------ ----- -- -------- ------------------ ----- -- --------
需要注意的是，typeof 运算符对于数组、对象和 null 返回的都是 "object"。这是一个历史遗留问题，无法避免。因此，我们需要使用其他方法来判断数组和对象的类型。
instanceof 运算符
在 ES12 中，我们可以使用 instanceof 运算符来判断一个对象是否属于某个类。instanceof 运算符返回一个布尔值，表示对象是否属于指定类的实例。
----- ------ -- ----- - - --- --------- ------------- ---------- -------- -- ---- ------------- ---------- ------- -- -----
需要注意的是，instanceof 运算符只能用于判断对象是否属于某个类的实例，不能用于判断基本数据类型。
Object.prototype.toString 方法
在 ES12 中，我们可以使用 Object.prototype.toString 方法来判断一个变量的类型。Object.prototype.toString 方法返回一个字符串，表示变量的类型。
----- --- - ------ ------- ----- --- - ---- ----- ---- - ----- ----- --- - --- -- --- ----- --- - - ----- ------ ---- -- -- ------------------------------------------------- -- -------- -------- ------------------------------------------------- -- -------- -------- -------------------------------------------------- -- -------- --------- ------------------------------------------------- -- -------- ------- ------------------------------------------------- -- -------- --------
需要注意的是，Object.prototype.toString 方法返回的字符串包含了 "[object" 和 "]"，需要进行字符串截取才能得到真正的类型。
typeof 与 Object.prototype.toString 的区别
在 ES12 中，typeof 运算符和 Object.prototype.toString 方法都可以用于类型判断，但它们之间有一些区别。
typeof 运算符只能判断基本数据类型和函数类型，不能判断数组和对象类型。
Object.prototype.toString 方法可以判断基本数据类型、函数类型、数组类型和对象类型。
因此，当我们需要判断数组和对象类型时，应该使用 Object.prototype.toString 方法。
总结
在 ECMAScript 2021 (ES12) 中，我们可以使用 typeof 运算符、instanceof 运算符和 Object.prototype.toString 方法来进行类型判断。不同的方法适用于不同的场景，需要根据实际情况选择合适的方法。
通过本文的介绍，相信读者已经掌握了 ES12 中的类型判断方法，并能够在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d41af3add4f0e0ffc256ad