SAP Fiori开发中的JavaScript基础知识3 - 类型转换，逻辑true和false

1 背景

在上一篇博客中，我我介绍了JavaScript最基本的语法，包括变量，操作符，值，类型的概念。在本篇博客中，我将介绍JavaScript中的类型转换逻辑，以及逻辑真假的概念。这些都属于JavaScript中最基础的语法知识。

2 类型转换

在JavaScript中，有两种类型的类型转换：隐式类型转换和显示类型转换。

2.1 隐式类型转换

隐式类型转换，也即JavaScript在执行操作时自动进行的类型转换。例如，当你尝试将一个字符串和一个数字相加时，JavaScript会自动将数字转换为字符串，然后进行字符串连接。

var result = '3' + 2;  // 结果是 '32'，而不是 5

隐式强制转换主要发生在以下几种场景：

• 写入控制台:console.log(12 + " HUF ");
• 调用原始类型的方法(如indexOf())，它是自动转换为其复杂的基本类型
• 执行松散相等检查:12 == " 12 "
• 使用一元操作符:+sVar， !!sVar

2.2 显示类型转换

显式类型转换，也即开发者明确要求JavaScript进行的类型转换。这通常通过使用内置的函数如Number(), String(), Boolean()等来实现。

var num = '3';
var result = Number(num) + 2;  // 结果是 5，而不是 '32'

以下是JavaScript中常见的类型转换函数：

• Number(value)：将给定的值转换为数字。如果值不能被转换为数字，结果将是NaN。
• String(value)：将给定的值转换为字符串。
• Boolean(value)：将给定的值转换为布尔值。只有0, NaN, null, undefined, 和空字符串(“”)会被转换为false，其他所有值都会被转换为true。
• parseInt(value)：将字符串转换为整数。如果字符串开始的部分无法被解析为整数，结果将是NaN。
• parseFloat(value)：将字符串转换为浮点数。如果字符串开始的部分无法被解析为浮点数，结果将是NaN。

注意：JavaScript中的类型转换有时可能会产生意想不到的结果，因此在使用时需要特别小心。

2.3 重载操作符

此外，使用重载OR操作符时，也会发生类型转换，如下例：

var sLocalName = sName || "";  // 如果sName为null或undefined(强制为false)，空字符串将赋值给变量。否则，sName的值将被分配给sLocalName这个变量。

3 逻辑true和false

在JavaScript中，true和false是布尔类型的两值。true通常表示正确的或存在的，而false表示错误的或不存在的。以下是一些在JavaScript中会被解析为false的值：

• false
• 0 和 -0
• “”（空字符串）
• null
• undefined
• NaN

除了上述值之外，其他所有的值都会被解析为true，包括所有对象（包括空对象{}）、非空字符串、非零数字（包括Infinity）等。

以下是一些示例：

if (false) {} else { console.log("false is false."); }  // 输出 "false is false."

if (0) {} else { console.log("0 is false."); }  // 输出 "0 is false."

if ("") {} else { console.log("an empty string is false."); }  // 输出 "an empty string is false."

if (null) {} else { console.log("null is false."); }  // 输出 "null is false."

if (undefined) {} else { console.log("undefined is false."); }  // 输出 "undefined is false."

if (NaN) {} else { console.log("NaN is false."); }  // 输出 "NaN is false."

if (true) { console.log("true is true."); }  // 输出 "true is true."

if ("hello") { console.log("a non-empty string is true."); }  // 输出 "a non-empty string is true."

if ({}) { console.log("an empty object is true."); }  // 输出 "an empty object is true."

if (42) { console.log("a non-zero number is true."); }  // 输出 "a non-zero number is true."

在JavaScript中，你可以使用Boolean()函数来将其他类型的值显式转换为布尔值。例如，Boolean(0)将返回false，而Boolean(“hello”)将返回true。

console.log( Boolean(0) ); 			// 输出false
console.log( Boolean("hello") );    // 输出true

4 小结

本文介绍了JavaScript语言中的类型转换规则，以及逻辑真假的用法。希望对你有帮助。