在 JavaScript 中，它一直是被称为一门“动态”语言。这意味着变量类型（字符串、数字等）可能会随着代码的执行而改变。这种灵活性在某些情况下非常有用，但也可能导致意外的行为，尤其是在涉及到数学运算时。
例如，如果您尝试将两个字符串相加，JavaScript 会把它们放在一起，而不是将它们解释为数字并执行加法操作：
const result = "1" + "2"; // "12"
很明显，这不是我们想要的结果！那么如何强制 JavaScript 执行数学运算呢？以下是几种方法：
使用 parseInt() 或 parseFloat()
parseInt() 和 parseFloat() 函数可以将字符串转换为整数或浮点数，并将其用于数学运算。例如：
const result = parseInt("1") + parseInt("2"); // 3这里 parseInt() 将字符串 "1" 和 "2" 分别转换为数字 1 和 2，然后执行加法运算，并将结果赋值给 result 变量。
需要注意的是，parseInt() 和 parseFloat() 在解析字符串时不会考虑字符串中的任何非数字字符。因此，如果你的字符串中包含除数字以外的其他字符，则可能会出现意外的结果。
使用一元加号运算符
在 JavaScript 中，一元加号运算符 + 可以将一个字符串强制转换为数字。例如：
const result = +"1" + +"2"; // 3
这里 +"1" 和 +"2" 分别将字符串 "1" 和 "2" 强制转换为数字 1 和 2，然后执行加法运算，并将结果赋值给 result 变量。
需要注意的是，一元加号运算符只能用于单个操作数。如果您尝试将其用于整个表达式（如 +"1 + 2"），则可能会出现语法错误。
使用模板字面量
模板字面量是 ES6 中引入的一种新的字符串语法，它允许您在字符串中包含表达式。例如：
const result = `${1 + 2}`; // "3"这里 ${1 + 2} 是一个表达式，它在字符串中被求值为 3。因此，result 变量的值为字符串 "3"。
需要注意的是，模板字面量使用反引号（`）而不是引号（'或"）来定义字符串。
结论
在 JavaScript 中进行数学运算时，请确保您的操作数都是数字，否则您可能会遇到意外的结果。上述方法可以帮助您强制 JavaScript 执行数学运算，但请务必注意它们的局限性和行为。在实际开发中，您应该尽可能使用正确的变量类型和数学运算符来避免这些问题。
示例代码：
const result1 = parseInt("1") + parseInt("2"); // 3
const result2 = +"1" + +"2"; // 3
const result3 = `${1 + 2}`; // "3"来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11930