JS各类型之间的转换、typeof 判断定义是否存在

JS 各类型之间的转换以及类型的判断

[TOC]

## 1. Js 各数据类型转布尔类型

**示例：**

```JS
console.log(Boolean(undefined))  //结果为false
console.log(Boolean(null))       //结果为false
console.log(Boolean(Object))     //结果为true
console.log(Boolean(test))       //结果为true(可以用来判断方法存不存在)
function test() { }
console.log(Boolean(1))          //结果为true
console.log(Boolean(0))          //结果为false
console.log(Boolean(2))          //结果为true
console.log(Boolean(-2))         //结果为true
console.log(Boolean("1"))          //结果为true
console.log(Boolean("0"))          //结果为true
console.log(Boolean("-2"))         //结果为true
console.log(Boolean("test"))     //结果为true
console.log(Boolean(""))         //结果为false
console.log(Boolean(NaN))        //结果为false
console.log(Boolean([]))         //结果为true
```

**结果分析：**

+ 数值类型转 Boolean 除 0 是 false 外，其它的都是 true，包括小数和负数都是 true
+ 方法、对象、数组只要存在返回的都是 true
+ 数据不存在返回的都是false，例如数字的NaN，空字符串""，未定义 undefined，空对象的null

> **注意：**
> + 当从input等控件获取到数字值时，需要注意这时的值类型是字符串，直接使用Boolean()去转换都将是true，无论这时input控件的值是-1，0，1。从input控件取值后先将它转成数字类型再去Boolean()

> + 由后台传到前台的 bool 类型可能会被转换为大写的 TRUE 或 FALSE，所以有些比较我们要注意将 bool 转换为统一的大写或小写再比较(转小写 string.toLowerCase()、转大写 string.toUpperCase())

### 1.1. typeof 判断

在JavaScript中，你可以使用 typeof 运算符来判断一个变量是否已被定义，并且可以判断它的数据类型。对于未定义的函数、对象和变量，typeof通常会返回 `undefined`

```JS
// 变量、函数和对象
let myVar;
function myFunc() {}
const myObj = {};

// 判断变量是否未定义
if (typeof myVar === "undefined") {
  console.log("myVar is undefined");
}

// 判断函数是否未定义
if (typeof myFunc === "undefined") {
  console.log("myFunc is undefined");
}

// 判断对象是否未定义
if (typeof myObj === "undefined") {
  console.log("myObj is undefined");
}
```

> **备注：**JavaScript 中的 `typeof` 运算符是 ECMAScript 规范的一部分，它用于确定变量或表达式的类型。这个运算符在 JavaScript 诞生之初就已经存在，并且是所有现代浏览器以及旧版浏览器（包括 Internet Explorer）都广泛支持的基础功能。

> 具体来说，`typeof` 运算符的支持情况与浏览器无关，因为它是 JavaScript 核心语言特性之一，几乎在所有实现了 JavaScript 的环境中都能正常工作，包括但不限于：

> - Internet Explorer 6 及更高版本
- Firefox 的所有版本
- Chrome、Safari、Opera 的所有版本
- Edge 浏览器的所有版本
- Node.js 环境
- 移动端浏览器如 iOS Safari、Android Chrome 等

> 由于 `typeof` 是如此基础且不可或缺的部分，您无需担心在任何兼容 ECMA-262 规范的 JavaScript 环境中会不支持它。只要浏览器支持 JavaScript，就可以放心使用 `typeof` 进行类型检查。