掌握类型检测，决胜前端开发

2024-02-03 21:34:02

在前端开发中，类型检查是至关重要的步骤。它可以帮助我们确保数据的准确性和代码的健壮性。在 JavaScript 中，有三种主要的方法可以进行类型检查：

typeof
instanceof
Object.prototype.toString

typeof

typeof 运算符返回参数的类型。它可以用来检查原始值（字符串、数字、布尔值）和引用值（对象、数组、函数）的类型。

例如：

typeof "Hello"  // 返回 "string"
typeof 123      // 返回 "number"
typeof true     // 返回 "boolean"
typeof [1, 2, 3] // 返回 "object"
typeof { name: "John Doe" } // 返回 "object"
typeof function() {} // 返回 "function"

instanceof

instanceof 运算符检查一个对象是否是某个类的实例。它可以用来检查对象是否属于某个类或其子类。

例如：

const person = new Person();
person instanceof Person; // 返回 true
person instanceof Object; // 返回 true

const array = [1, 2, 3];
array instanceof Array; // 返回 true
array instanceof Object; // 返回 true

Object.prototype.toString

Object.prototype.toString 方法返回一个字符串，表示对象的类型。它可以用来检查任何类型的值。

例如：

Object.prototype.toString.call("Hello"); // 返回 "[object String]"
Object.prototype.toString.call(123); // 返回 "[object Number]"
Object.prototype.toString.call(true); // 返回 "[object Boolean]"
Object.prototype.toString.call([1, 2, 3]); // 返回 "[object Array]"
Object.prototype.toString.call({ name: "John Doe" }); // 返回 "[object Object]"
Object.prototype.toString.call(function() {}); // 返回 "[object Function]"