在JS中最常看到切最容易迷惑的语法(转)

在JS中最常看到切最容易迷惑的语法，其实就是一些隐式类型转换的规则。由于JavaScript是一门动态类型语言，变量的类型是可以自由转换的。这就导致了很多混淆和难以理解的代码。以下是完整攻略：

隐式类型转换

在JavaScript中，有很多情况下会发生隐式类型转换。例如：

console.log(1 + true); // 2
console.log('2' * '3'); // 6
console.log('4' - 2); // 2
console.log('4' + 2); // 42
console.log(true + true); // 2

这些例子中，我们可以看到一些奇怪的类型转换，其中包含了数字、字符串和布尔型的混合使用。值得注意的是，这些类型转换是由运算符隐式触发的。

null 和 undefined

在JavaScript中，null和undefined都表示无值。null通常是由程序员显式赋值的，而undefined则表示变量已经声明但没有被初始化。虽然它们在某些情况下表现相似，但它们在实际使用中还是有一些细微的差别：

console.log(typeof(null)); // 'object'
console.log(typeof(undefined)); // 'undefined'
console.log(null == undefined); // true
console.log(null === undefined); // false

在上述代码中，我们可以看到typeof运算符对于null和undefined的返回值不同。此外，null和undefined在进行相等性比较时，会被判定为相等，但在进行严格相等性比较时，会被认为是不同的值。

NaN

NaN代表Not-a-Number，表示非数字。NaN的类型是数字，但是它是一个无效的数字，无法进行任何有效的计算。NaN是一个具有传染性的值，意味着它在与其他数字进行操作时，会导致结果也是NaN：

console.log(1 / 'hello'); // NaN
console.log(1 * NaN); // NaN
console.log(NaN == NaN); // false
console.log(NaN === NaN); // false

在上述代码中，我们可以看到对于字符串和NaN的除法结果是NaN，同时NaN和任何值都是不相等的，包括自身。

实际应用

虽然隐式类型转换在JavaScript中很常见，但在实际应用中，我们应该尽可能使用明确的类型转换，以避免出现不必要的错误和混淆。例如，我们可以使用parseInt()或parseFloat()函数来将字符串转换为数字：

console.log(parseInt('123')); // 123
console.log(parseFloat('3.14')); // 3.14

在上述代码中，我们使用了parseInt()和parseFloat()函数来将字符串转换为数字。这些函数可以确保我们得到的结果是我们预期的，而不是由于隐式类型转换导致的奇怪行为。