重点之重 typeof instanceof 判断数据类型的区别

最新推荐文章于 2023-08-31 17:57:12 发布

dongzizi

最新推荐文章于 2023-08-31 17:57:12 发布

阅读量235

点赞数 1

CC 4.0 BY-SA版权

文章标签：原型模式 javascript 开发语言

本文链接：https://blog.csdn.net/2301_76854810/article/details/131707159

文章讨论了JavaScript中typeof运算符在判断数据类型时的局限性，特别是对于引用类型如null和对象。它指出null是一个特殊的基本类型，而typeof返回object。另一方面，instanceof运算符用于检查对象是否属于某个构造函数的实例，不适用于基本数据类型。文章提供了使用这两个运算符的示例，强调了它们在不同类型判断上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先上面三种都是判断数据类型的但是 typeof 判断基本数据类型还是很准确的但是判断引用数据类型就不行了请看示例:

function fn(a) {
  return typeof a;
}

console.log(fn(123)); // number
console.log(fn("Hello")); // string
console.log(fn(true)); // boolean
console.log(fn(null)); // object
console.log(fn(undefined)); // undefined
console.log(fn({})); // object
console.log(fn([])); // object
console.log(fn(function b() {})); // function

从代码中看这里要注意对于 null 来说虽然 typeof 返回的是 object 但实际上 null 是一种特殊的基本类型而不是对象类型这是 JavaScript 的历史遗留问题对于其他基本类型（如字符串、数字、布尔值）和 undefined typeof 可以给出准确的类型判断但对于复杂的引用类型 typeof 有一些限制，无法准确判断其具体类型在这种情况下可以使用其他方法进行进一步的判断例如 instanceof 那么请看示例:

function fn(obj, a) {
  return obj instanceof a
}

console.log(fn("Hello", String)); // true
console.log(fn(123, Number)); // true
console.log(fn(true, Boolean)); // true
console.log(fn(null, Object)); // false
console.log(fn(undefined, Object)); // false

console.log(fn({}, Object)); // true
console.log(fn([], Array)); // true
console.log(fn(function () {}, Function)); // true

从上面的代码中这里我只是写了一个简单的 instanceof 判断不要在意重点:instanceof 是 JavaScript 中的一个运算符用于判断一个对象是否是某个构造函数（或者其原型链上）的实例 instanceof 运算符会检查左侧的 object 是否是右侧的 a 的实例它会基于对象的原型链向上查找如果在原型链上找到了指定的构造函数的 prototype 那么返回 true 否则返回 false 值得注意的是对于基本数据类型 instanceof 运算符并不适用。它主要用于判断引用类型的实例关系。对于基本数据类型，可以使用 typeof 运算符进行判断