在JavaScript中，typeof 是一个非常有用的内建对象，它可以帮助我们快速判断一个变量的数据类型。虽然看似简单，但 typeof 的用途远不止于此。本文将深入探讨 typeof 的神奇用途，并分享一些实用的JavaScript类型转换技巧。
typeof的原理
typeof 对象可以接受一个参数，即要检测类型的变量。它返回一个表示类型的字符串。例如：
console.log(typeof 123); // 输出：'number'
console.log(typeof "hello"); // 输出：'string'
console.log(typeof true); // 输出：'boolean'
console.log(typeof null); // 输出：'object'
console.log(typeof undefined); // 输出：'undefined'
console.log(typeof []); // 输出：'object'
console.log(typeof {}); // 输出：'object'
console.log(typeof function(){}); // 输出：'function'
需要注意的是，typeof null 返回 'object'，这是一个历史遗留问题。在JavaScript中，null 被视为一个空对象引用，因此 typeof null 返回 'object'。
typeof的神奇用途
1. 判断变量是否为null
由于 typeof null 返回 'object'，我们可以使用一个简单的技巧来判断变量是否为 null：
var a = null;
if (typeof a === 'object' && a !== null) {
console.log('a is not null');
} else {
console.log('a is null');
}
2. 判断变量是否为数组
虽然 Array.isArray() 方法是更推荐的方式，但 typeof 也可以用来判断变量是否为数组：
var arr = [1, 2, 3];
if (typeof arr === 'array') {
console.log('arr is an array');
} else {
console.log('arr is not an array');
}
3. 判断变量是否为函数
我们可以使用 typeof 来判断一个变量是否为函数：
function test() {}
if (typeof test === 'function') {
console.log('test is a function');
} else {
console.log('test is not a function');
}
4. 判断变量是否为字符串
我们可以使用 typeof 来判断一个变量是否为字符串：
var str = 'hello';
if (typeof str === 'string') {
console.log('str is a string');
} else {
console.log('str is not a string');
}
类型转换技巧
1. 将字符串转换为数字
我们可以使用 Number() 函数将字符串转换为数字：
var str = '123';
var num = Number(str);
console.log(num); // 输出：123
2. 将字符串转换为布尔值
我们可以使用 Boolean() 函数将字符串转换为布尔值：
var str = 'true';
var bool = Boolean(str);
console.log(bool); // 输出：true
3. 将数字转换为字符串
我们可以使用 String() 函数将数字转换为字符串：
var num = 123;
var str = String(num);
console.log(str); // 输出：'123'
4. 将对象转换为JSON字符串
我们可以使用 JSON.stringify() 函数将对象转换为JSON字符串：
var obj = {name: '张三', age: 20};
var str = JSON.stringify(obj);
console.log(str); // 输出：'{"name":"张三","age":20}'
总结
typeof 是JavaScript中一个非常实用的内建对象，它可以帮助我们快速判断变量的数据类型。通过本文的介绍，相信你已经掌握了 typeof 的神奇用途和类型转换技巧。在实际开发中，灵活运用这些技巧可以帮助我们更好地处理数据，提高代码质量。