15天学会JavaScript：视频教学版最新章节_王金柱著

3.1　ECMAScript加性运算符及表达式

ECMAScript语法中将加法（+）和减法（-）运算符统称为加性运算符，用于执行数值之间的加减算术运算。

3.1.1　加性运算符与表达式概述

关于ECMAScript语法中定义的加性运算符的内容详见表3-1。

表3-1　ECMAScript加性运算符与表达式

3.1.2　加法运算符及表达式

ECMAScript语法中规定加法运算符使用符号“+”来表示，加法（+）运算符除了可以进行正常的数值运算外，还支持对类似“NaN”和“Infinity”特殊值的运算。此外，加法（+）运算符还可以用于字符串的连接操作。

下面，来看一个应用ECMAScript加法（+）运算符的代码示例（详见源代码ch03目录中ch03-js-operator-add.html文件）。

【代码3-1】

   01  <script type="text/javascript">
   02       var i = 1;
   03       var j = 2;
   04       var sum = i + j;
   05       console.log("1 + 2 = " + sum);
   06       var p = NaN;
   07       var q = 123;
   08       var sumNaN = p + q;
   09       console.log("NaN + 123 = " + sumNaN);
   10       var x = Infinity;
   11       var y = 321;
   12       var sumInfinity = x + y;
   13       console.log("Infinity + 123 = " + sumInfinity);
   14       var sumX = Infinity + Infinity;
   15       console.log("Infinity + Infinity = " + sumX);
   16       var sumY = -Infinity + -Infinity;
   17       console.log("-Infinity + -Infinity = " + sumY);
   18       var sumZ = -Infinity + Infinity;
   19       console.log("-Infinity + Infinity = " + sumZ);
   20  </script>

关于【代码3-1】的分析如下：

第02～05行代码定义了两个变量（i和j），并通过加法运算符（+）进行了算术运算。其中，在第04行代码中就是通过加法运算符（+）将变量（i）和变量（j）进行算术相加运算；

第06～09行代码通过加法运算符（+）对特殊值（NaN）进行了算术运算。其中，第06行代码定义变量（p），并初始化赋值为特殊值（NaN）；第08行代码尝试将变量（p）与一个具体数值进行算数相加运算，并将结果保存在变量（sumNaN）中；

第10～13行代码通过加法运算符（+）对特殊值（Infinity）进行了算术运算。其中，第10行代码定义了变量（x），并初始化赋值为特殊值（Infinity）；第12行代码尝试将变量（x）与一个具体数值进行算数相加运算，并将结果保存在变量（sumInfinity）中；

第14～15行代码通过加法运算符（+）对特殊值（Infinity）和特殊值（Infinity）进行算术运算，并将结果保存在变量（sumX）中；

第16～17行代码通过加法运算符（+）对特殊值（-Infinity）和特殊值（-Infinity）进行了算术运算，并将结果保存在变量（sumY）中；

第18～19行代码通过加法运算符（+）对特殊值（-Infinity）和特殊值（Infinity）进行了算术运算，并将结果保存在变量（sumZ）中。

页面效果如图3.1所示。从第09行代码的输出结果来看，特殊值（NaN）与数值相加后的结果仍为（NaN）；从第13行代码的输出结果来看，特殊值（Infinity）与数值相加后的结果也仍为（Infinity）。

图3.1　ECMAScript加法运算符（+）

另外，特殊值（Infinity）和特殊值（Infinity）相加后，结果仍为特殊值（Infinity）；特殊值（-Infinity）和特殊值（-Infinity）相加后，结果仍为特殊值（-Infinity）；而特殊值（-Infinity）和特殊值（Infinity）相加后，结果变化为特殊值（NaN），表示不是一个有效数值。

下面，再看一个应用ECMAScript加法（+）运算符进行字符串连接操作的代码示例（详见源代码ch03目录中ch03-js-operator-add-str.html文件）。

【代码3-2】

   01  <script type="text/javascript">
   02       var strA = "Hello";
   03       var strB = "EcmaScript";
   04       console.log(strA + " " + strB + "!");
   05       var i = 1;
   06       var strN = "8";
   07       console.log(i + strN);
   08       console.log(strN + i);
   09  </script>

页面效果如图3.2所示。从第04行代码的输出结果来看，加法运算符（+）也可以用于字符串连接操作；从第07和08行代码的输出结果来看，对字符串与数值使用加法运算符（+）进行连接操作时，数值类型会被转换为字符串类型，然后进行字符串连接操作。即使字符串为数值类的字符串（如第06行代码定义的变量），也不会与数值进行算术运算，这一点需要设计人员加以重视。

图3.2　ECMAScript加法运算符（+）连接字符串

3.1.3　减法运算符及表达式

ECMAScript语法中规定减法运算符使用符号“-”来表示，减法（-）运算符除了可以进行正常的数值运算外，还支持对类似“NaN”和“Infinity”特殊值的运算。

下面，来看一个应用ECMAScript减法（-）运算符的代码示例（详见源代码ch03目录中ch03-js-operator-minus.html文件）。

【代码3-3】

   01  <script type="text/javascript">
   02       var i = 2;
   03       var j = 1;
   04       var minusNumA = i - j;
   05       console.log("2 - 1 = " + minusNumA);
   06       var minusNumB = i.toString() - j;
   07       console.log('"2" - 1 = ' + minusNumB);
   08       var minusStr = "EcmaScript" - 123;
   09       console.log('"EcmaScript" - 123 = ' + minusStr);
   10       var p = NaN;
   11       var q = 123;
   12       var minusNaNA = p - q;
   13       console.log("NaN - 123 = " + minusNaNA);
   14       var minusNaNB = q - p;
   15       console.log("123 - NaN = " + minusNaNB);
   16       var x = Infinity;
   17       var y = 321;
   18       var minusInfinityA = x - y;
   19       console.log("Infinity - 321 = " + minusInfinityA);
   20       var minusInfinityB = y - x;
   21       console.log("321 - Infinity = " + minusInfinityB);
   22       var minusA = Infinity - Infinity;
   23       console.log("Infinity - Infinity = " + minusA);
   24       var minusB = -Infinity - -Infinity;
   25       console.log("-Infinity - -Infinity = " + minusB);
   26       var minusC = -Infinity - Infinity;
   27       console.log("-Infinity - Infinity = " + minusC);
   28       var minusD = Infinity - -Infinity;
   29       console.log("Infinity - -Infinity = " + minusD);
   30  </script>

关于【代码3-3】的分析如下：

第02～05行代码定义了两个变量（i和j），并通过减法运算符（-）进行了算术运算。其中，在第04行代码中就是通过减法运算符（-）将变量（i）和变量（j）进行算术相减运算；

第06～07行代码在第02～05行代码的基础上做了一点小变动，先将变量（i）转换为字符串类型，再通过减法运算符（-）与变量（j）进行算术相减运算；

第08～09行代码通过减法运算符（-）对一个字符串（"ECMAScript"）和数值（123）进行相减运算；

第10～15行代码通过减法运算符（-）对特殊值（NaN）进行了算术运算。其中，第10行代码定义了变量（p），并初始化赋值为特殊值（NaN）；第12行和第14行代码分别尝试将变量（p）与一个具体数值进行减法运算；

第16～21行代码通过减法运算符（-）对特殊值（Infinity）进行了算术运算；其中，第16行代码定义了变量（x），并初始化赋值为特殊值（Infinity）；第18行和第20行代码分别尝试将变量（x）与一个具体数值进行减法运算；

第22～23行代码通过减法运算符（-）对特殊值（Infinity）和特殊值（Infinity）进行了算术运算；

第24～25行代码通过减法运算符（-）对特殊值（-Infinity）和特殊值（-Infinity）进行了算术运算；

第26～27行代码通过减法运算符（-）对特殊值（-Infinity）和特殊值（Infinity）进行了算术运算；

第28～29行代码通过减法运算符（-）对特殊值（Infinity）和特殊值（-Infinity）进行了算术运算。

页面效果如图3.3所示。

图3.3　ECMAScript减法运算符（-）

3.1 ECMAScript加性运算符及表达式

3.1.1 加性运算符与表达式概述

3.1.2 加法运算符及表达式

3.1.3 减法运算符及表达式

3.1　ECMAScript加性运算符及表达式

3.1.1　加性运算符与表达式概述

3.1.2　加法运算符及表达式

3.1.3　减法运算符及表达式