从头开始学JavaScript (五)—

原文:从头开始学JavaScript (五)——操作符（二）

一、乘性操作符

1、乘法：*

乘法操作符的一些特殊规则：

如果操作数都是数值，按照常规的乘法计算，如果乘积超过了ECMAscript数值的表示范围，则返回infinity或者-infinity
如果有一个操作数是NaN，那返回结果就是NaN
如果是infinity与0相乘，返回NaN
如果infinity与非0数相乘，返回infinity或者-infinity
infinity与infinity相乘，返回infinity
如果有一个操作数不是数值，后台会先调用number（）将其转化为数值，再应用上面的规则

 1 <script type="text/javascript">
 2
 3         alert(5 * 6);           //30
 4         alert(5 * NaN);         //NaN
 5         alert(Infinity * 0);    //NaN
 6         alert(Infinity * 2);    //Infinity
 7         alert("5" * 5);         //25
 8         alert(true * 10);       //10
 9         alert(false * 10);      //0
10
11     </script>

2、除法：/

除法操作符的一些特殊规则：

如果操作数都是数值，按照常规的除法计算，如果商超过了ECMAscript数值的表示范围，则返回infinity或者-infinity
如果有一个操作数是NaN，那返回结果就是NaN
如果是infinity被infinity除，返回NaN
如果是0被0除，返回NaN
如果是非0的有限数被0除，返回infinity或者-infinity
如果是infinity被非0的有限数除，返回infinity或者-infinity
如果有一个操作数不是数值，后台会先调用number（）将其转化为数值，再应用上面的规则

 1  <script type="text/javascript">
 2
 3         alert(5 / 5);           //1
 4         alert(5 / NaN);         //NaN
 5         alert(Infinity / Infinity);    //NaN
 6         alert(Infinity / 2);    //Infinity
 7         alert(5 / 0);           //Infinity
 8         alert(10 / true);       //10
 9         alert(10 / false);      //Infinity
10
11     </script>

3、求模（余数）：%

求模操作符的一些特殊规则：

如果操作数都是数值，按照常规的除法计算，返回除得的余数
如果被除数是无穷大，除数是有限数，那返回结果就是NaN
如果被除数是有限大，除数是0，返回NaN
如果是infinity被infinity除，返回NaN
如果被除数是有限大而除数是无穷大，返回被除数
如果被除数是0，返回0
如果有一个操作数不是数值，后台会先调用number（）将其转化为数值，再应用上面的规则

 1  <script type="text/javascript">
 2
 3         alert(26 % 5);          //1
 4         alert(Infinity % 3);    //NaN
 5         alert(3 % 0);           //NaN
 6         alert(5 % Infinity);    //5
 7         alert(0 % 10);          //0
 8         alert(true % 25);       //1
 9         alert(3 % false);       //NaN
10
11     </script>

二、加性操作符

1、加法操作符：+

如果操作数中有一个是字符串：

如果两个操作数都是字符串，那么将第二个操作数拼接到第一个操作数后面。

如果只有一个操作数是字符串，那么将另一个操作数转化为字符串后再执行上述规则

<script type="text/javascript">var result1 = 5 + 5;     //数字加数字alert(result1);           //10var result2 = 5 + "5";   //数字加字符串alert(result2);           //"55"</script>

2、减法操作符：-

如果有一个操作数是字符串、布尔值、null或者undefined，则在后台先调用number（）将其转化为数值，然后执行减法。

三、关系操作符

大于：>

小于：<

大于等于：>=

小于等于：<=

关系操作符特殊规则：

如果操作数是字符串，对比两个字符串相应的字符编码

如果操作数一个是数值，则先将另一个操作数转化为数值，再进行比较

任何数与NaN进行比较，结果都是false

四、相等操作符

1、相等和不相等：==和！=

这两个操作符都会先将操作数转换为同一类型再进行比较

转换时，相等和不相等操作符遵循如下规则：

如果其中一个操作数的类型为 Boolean ，那么，首先将它转换为数字类型，false 转换为 0, true 将转换为 1。
如果其中一个操作数的类型是字符串，另外一个为数字类型，那么，将字符串转换为数字进行比较。
如果其中一个操作数是对象，另一个不是，则先调用操作数的valueof()方法，得到基本类型值之后再比较

比较时的特殊规则：

null 和 undefined 是相等的。
null 和 undefined 不会转换为任何其他类型
如果任何一个操作的结果为 NaN，那么相等比较返回 false，不相等比较返回 true。注意，即使两个操作数都为 NaN，返回结果一样是 false，也就是说，NaN 不等于 NaN。
如果两个操作数都是对象，那么比较它们引用的值，如果引用同一个对象，那么，返回真，否则，返回假。

2、全等和不全等：==和===

==会将操作数转换成同一类型比较；

===不会转换类型，直接比较

例如：

1 var result1 = ("55" == 55);
2         var result2 = ("55" === 55);
3         alert(result1);//true
4         alert(result2); //false"55"是字符串，55是数字，类型不一样

五、条件操作符

变量=条件表达式？真值：假值

首先会对条件表达式求值，如果结果是真，则把真值赋给变量，如果为假则把假值赋给变量。

1 <script type="text/javascript">
2
3         var num1 = 10;
4         var num2 = 25;
5         var num3 = (num2 > num1) ? num2 : num1;
6         alert(num3);   //25
7
8     </script>

六、赋值操作符

1、简单赋值操作符：=

var num1 = 10;
num=num1+10;

2、复合赋值操作符：+=、-=、*=、/=、%=、>>=、<<=、>>>=

 1  <script type="text/javascript">
 2
 3         var num = 5;
 4         alert(num);     //5
 5
 6         num += 5;
 7         alert(num);     //10
 8
 9         num *= 2;
10         alert(num);     //20
11
12         num /= 10;
13         alert(num);     //2
14
15         num -= 2;
16         alert(num);     //0
17
18
19     </script>

七、逗号操作符

逗号操作符可以在一条语句中执行多个操作

用途：1、声明多个变量

var num1=1，num2=2，num3=3；

2、赋值

var num=（0,1,2,3）//num=3

在用于赋值操作时，逗号操作符总是返回最后一个表达式的值。

练习区：

 1  <script type="text/javascript">
 2
 3         var num1 = 5;
 4         var num2 = 10;
 5         var message = "The sum of 5 and 10 is " + num1 + num2;
 6         alert(message);
 7    </script>

<script type="text/javascript">alert(null == undefined);    alert(null === undefined);   alert("NaN" == NaN);       alert("NaN" === NaN);      alert(NaN == NaN);         alert(NaN === NaN);        alert(NaN != NaN);        alert(NaN !== NaN);         alert(false == 0);       alert(false === 0);       alert(true == 1);        alert(true === 1);     alert(null == 0);         alert(undefined == 0);    alert(5 == "5");          alert(5 === "5");                   </script>

如果要知道答案请在评论区留言~~

从头开始学JavaScript (五)——操作符（二）相关推荐

从头再学 JavaScript 系列前言
说实话想写这个系列已经很久了,对于每一个学习前端的同学来说,JavaScript 都是必须要掌握的,但是实际上对很多同学而言,特别是刚入门或者入门时间不长的同学,对 JS 的认识并不深.大部分仅仅停留 ...
从头开始学JavaScript (十三)——Date类型
说明:UTC:国际协调日期 GMT:格林尼治标准时间一.date类型的创建使用new操作符和Date()构造函数 var now=new Date(): 传入参数:Date.parse()和Dat ...
从头开始学JavaScript (七)——函数
一.return 函数在执行完return之后停止并立即退出. return返回值:与return: 如下两个例子: 1 function sum(num1, num2) { 2 num1= num1 ...
从头开始学JavaScript (九)——执行环境和作用域
一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中定义的变量和函数. 作用域链:保证对执行环境有权访问的所有变量和函 ...
从头开始学Tableau-第十二章(实战3 地图实践)
从头开始学Tableau-第十二章(实战3 地图实践) 第一章第二章第三章第四章第五章第六章第七章第八章第九章第十章第十章数据源这个实践主要是用地图来呈现数据,我们所用的是保险 ...
JavaScript学习（五十二）—继承、call方法和apply方法
JavaScript学习(五十二)-继承.call方法和apply方法学习内容一.继承二.call方法三.apply方法一.继承所谓继承就是两个构造方法建立起来的某种联系,通过某种联系,可 ...
JavaScript学习（二十五）—实现无缝滚动
JavaScript学习(二十五)-实现无缝滚动效果如下: 代码如下: <!DOCTYPE html> <html lang="en"><head& ...
重学JavaScript深入理解系列（六）
JavaScript深入理解--闭包(Closures) 概要本文将介绍一个在JavaScript经常会拿来讨论的话题 -- 闭包(closure).闭包其实已经是个老生常谈的话题了: 有大量文章都 ...
重学JavaScript深入理解系列（一）
JavaScript深入理解--执行上下文(Execution Context) 定义每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文. 执行上下文(简称:EC) 以 ...

从头开始学JavaScript (五)——操作符（二）

从头开始学JavaScript (五)——操作符（二）相关推荐

最新文章

热门文章