极客笔记JS查看变量类型
在JavaScript中，我们经常需要检查变量的类型，以便在编写代码时做出相应的处理。了解变量的类型可以帮助我们更好地理解和掌握JavaScript的特性。本文将详细介绍如何查看变量的类型以及常见的数据类型和类型判断方法。
数据类型
在JavaScript中，数据类型分为两大类：基本数据类型和引用数据类型。
基本数据类型
JavaScript中的基本数据类型有六种，分别是：number（数字）、string（字符串）、boolean（布尔值）、null（空值）、undefined（未定义）和symbol（符号）。
- Number（数字）
数字类型包括整数和浮点数，可以用Number构造函数或字面量表示。例如：
let num1 = 123;
let num2 = new Number(456);
console.log(typeof num1); // 输出：number
console.log(typeof num2); // 输出：object
在上面的示例中，num1是数字类型的基本类型，而num2是数字类型的对象类型。
- String（字符串）
字符串类型用单引号（'）或双引号（"）表示，例如：
let str1 = 'Hello';
let str2 = new String('World');
console.log(typeof str1); // 输出：string
console.log(typeof str2); // 输出：object
与数字类型类似，字符串类型也有基本类型和对象类型的区别。
- Boolean（布尔值）
布尔值只有两个取值：true（真）和false（假），例如：
let isTrue = true;
let isFalse = false;
console.log(typeof isTrue); // 输出：boolean
console.log(typeof isFalse); // 输出：boolean
- Null（空值）
null表示空值，通常用于清空对象或变量的值，例如：
let emptyValue = null;
console.log(typeof emptyValue); // 输出：object
尽管null的数据类型是object，但它实际上是一个原始值，表示“空”。
- Undefined（未定义）
undefined表示变量声明但未赋值时的初始值，也表示值不存在。例如：
let undefinedValue;
console.log(typeof undefinedValue); // 输出：undefined
- Symbol
Symbol是ES6新增的数据类型，表示唯一的、不可变的值，用于对象的属性名。例如：
const symbol1 = Symbol('test');
const symbol2 = Symbol('test');
console.log(symbol1 === symbol2); // 输出：false
同样的描述，两个相同值的Symbol实例并不相等。
引用数据类型
引用数据类型在JavaScript中是对象类型，包括Object、Array、Function等。引用数据类型存储在堆内存中，通过引用访问。例如：
let obj = { name: 'Alice' };
let arr = [1, 2, 3];
function sayHello() {
console.log('Hello World!');
}
console.log(typeof obj); // 输出：object
console.log(typeof arr); // 输出：object
console.log(typeof sayHello); // 输出：function
在上面的示例中，obj是一个对象，arr是一个数组，sayHello是一个函数。
类型判断方法
在JavaScript中，有多种方法可以判断变量的类型，包括typeof操作符、instanceof操作符、Object.prototype.toString方法、isNaN函数等。
typeof 操作符
typeof操作符可以判断变量的类型，返回一个表示变量类型的字符串，包括：'number'、'string'、'boolean'、'object'、'function'等。例如：
let num = 123;
let str = 'Hello';
let obj = { name: 'Bob' };
let arr = [1, 2, 3];
let func = function() {};
console.log(typeof num); // 输出：number
console.log(typeof str); // 输出：string
console.log(typeof obj); // 输出：object
console.log(typeof arr); // 输出：object
console.log(typeof func); // 输出：function
需要注意的是，typeof null返回的是'object'，这是JavaScript的一个历史遗留问题。
instanceof 操作符
instanceof操作符用于检查对象的原型链是否包含特定构造函数的prototype属性。如果一个对象是指定构造函数的实例，instanceof返回true，否则返回false。例如：
let num = 123;
let arr = [1, 2, 3];
console.log(num instanceof Number); // 输出：false
console.log(arr instanceof Array); // 输出：true
Object.prototype.toString 方法
Object.prototype.toString方法返回一个表示对象的类型的字符串，语法如下：
Object.prototype.toString.call(value)
其中value是要查看类型的变量。例如：
let num = 123;
let str = 'Hello';
let obj = { name: 'Alice' };
let arr = [1, 2, 3];
let func = function() {};
console.log(Object.prototype.toString.call(num)); // 输出：[object Number]
console.log(Object.prototype.toString.call(str)); // 输出：[object String]
console.log(Object.prototype.toString.call(obj)); // 输出：[object Object]
console.log(Object.prototype.toString.call(arr)); // 输出：[object Array]
console.log(Object.prototype.toString.call(func)); // 输出：[object Function]
isNaN 函数
isNaN函数用于检查一个值是否是NaN（Not a Number）。如果一个值是NaN，isNaN返回true，否则返回false。例如：
let num1 = 123;
let num2 = 'abc';
console.log(isNaN(num1)); // 输出：false
console.log(isNaN(num2)); // 输出：true
通过以上介绍，我们了解了JavaScript中变量的基本数据类型和引用数据类型，以及如何使用typeof、instanceof、Object.prototype.toString和isNaN等方法来判断变量的类型。掌握这些知识可以帮助我们更好地编写JavaScript代码，提高开发效率。