JavaScript中确定值的类型的三种方法
作者：超级无敌大蟑王
JavaScript是一种弱类型语言，当你给一个变量赋了一个值，该值是什么类型的，那么该变量就是什么类型的，并且你还可以给一个变量赋多种类型的值，也不会报错，这就是JavaScript的内部机制所决定的，那么当我们在使用一些方法的时候，必须知道该变量是什么类型的，才能调用该变量对应的一些方法，那么我们如何获取到值的变量呢？
这里我们有三种方法
1.typeof 2.instanceof 3.Object.prototype.toString 下面我将详细讲解一下这三个方法
typeof:
作用：判断一个变量类型
底层原理：js中为了提高性能效率，使用值编码来存储值的类型，读取值编码当中的类型标签位，根据标签值返回对应的类型字符串
类型判断流程：先区分「直接量」与「指针」
直接量表：
| 数据类型 | 存储形式 | 第 0 位 | 类型判定关键 |
|---|---|---|---|
| Boolean | 小整数（SMI） | 0 | 值为 0 或 2，且最低位为 0（SMI 标记）。 |
| Number（SMI） | 32 位有符号整数（SMI） | 0 | 值非 0/2，且最低位为 0（SMI 标记）。 |
| Undefined | 全局特殊值（单例） | 无 | 直接比较值是否为 undefined 全局变量，typeof 直接返回 "undefined"。 |
指针表：
| 数据类型 | 存储形式 | 低 3 位标签 | 类型判定关键 |
|---|---|---|---|
| 普通 Object | 指针 | 000 | 低 3 位为 000 |
| HeapNumber（浮点数） | 指针 | 001 | 低 3 位为 001 |
| String | 指针 | 110 | 低 3 位为 110 |
| Symbol | 指针 | 100 | 低 3 位为 100 |
| BigInt | 指针 | 101 | 低 3 位为 101 |
| Function（函数） | 指针 | 011 | 低 3 位为 011 |
| null | 空指针 | 000 |
这里null比较特殊，他的低三位和对象object一样，所以会被typeof误判为object对象
这里举一些比较常见的事例：
console.log(typeof undefined); // 输出："undefined"
console.log(typeof null); // 输出："object"
console.log(typeof true); // 输出："boolean"
console.log(typeof 42); // 输出："number"
console.log(typeof "hello"); // 输出："string"
console.log(typeof Symbol("key"));// 输出："symbol"
console.log(typeof 100n); // 输出："bigint"
console.log(typeof (() => {})); // 输出："function"
console.log(typeof {}); // 输出："object"
//特殊情况
console.log(typeof /test/g); // "object"
console.log(typeof Infinity); // "number"
console.log(typeof NaN); // "number"
console.log(typeof undeclaredVar); // "undefined"（不会报错）instanceof:
概念：instanceof 是一种操作符，用于判断一个对象是否是某个类（Class）或接口（Interface）的实例。这里需要注意的是，instanceof只能判断对象，不能判断基本类型
原理： instanceof 操作符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上 左边实例对象的内部属性通过 Object.getPrototypeOf() 方法来访问
//这里表示instanceof不能直接用于基本类型
console.log(42 instanceof Number); // false
//可以将基本类型通过内置构造函数包装成对象
const numObj = new Number(42);
console.log(numObj instanceof Number); // true
console.log([] instanceof Array); // true
console.log([] instanceof Object); // true
console.log({} instanceof Object); // trueObject.prototype.toString:
概念：
这个方法可以判断一个变量的具体类型，是最精确的检测方式，返回的是一个【object type】格式字符串，它可以识别到所有内置对象的类型
使用方法：
// 基本类型和内置对象
Object.prototype.toString.call({}); // [object Object]
Object.prototype.toString.call([]); // [object Array]
Object.prototype.toString.call(new Date()); // [object Date]
Object.prototype.toString.call(new MyClass()); // [object Object] (默认)和typeof对比：
| 类型 | typeof 结果 | Object.prototype.toString.call() 结果 |
|---|---|---|
| [] | "object" | [object Array] |
| new Date() | "object" | [object Date] |
| /abc/ | "object" | [object RegExp] |
| null | "object" | [object Null] |
| undefined | "undefined" | [object Undefined] |
| Symbol(1) | "symbol" | [object Symbol] |
以上就是JavaScript中确定值的类型的三种方法的详细内容，更多关于JavaScript确定值的类型的资料请关注脚本之家其它相关文章！