JavaScript 学习笔记之操作符
一、一元操作符
1、自增自减操作符：分为前置型和后置型；
前置型：++a;--a;
后置型：a++;a--;
例：
<script type="text/javascript">
var a, b,i= 1,j=1;
a=i++;
b=++j;
alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=2,b=2,j=2
</script>
其中a=i++，相当于a=i;i=i+1;
而b=++j，相当于j=j+1;b=j;
2、一元加减操作符：a=+i;a=-i;
<script type="text/javascript">
var a, b,i= 1,j=1;
a=+i;
b=-j;
alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=1,b=-1,j=1
</script>
对整数而言，一元减相当于取负数。
二、位操作符
1、按位非～ （NOT）
非，即按二进制形式将所有数字取反。
常见用法：位运算 NOT 实质上是对数字求负，然后减 1
2、按位或| （OR）
或，即按二进制形式将所有的数字与目标数字按位进行或操作。
常见用法：通常用于二进制数字的无条件赋值。例如：一个数字|1，相当于与获取与当前数字最接近的奇数。
3、按位与& （AND）
与，即按二进制形式将所有的数字与目标数字按位进行与操作。
常见用法：通常用于二进制的取位操作，例如：一个数字&1，如果结果为0则为偶数，如果为1则为奇数。
4、按位异或^ （XOR）
异或，即按二进制形式将所有数字与目标数字对比，只有两个数字不相同即只有一个数位存放的是1的时候返回1，如两个数字相同返回0.
常见用法：xor运算的逆运算是它本身，也就是说两次异或同一个数最后结果不变。可以用于简单的加密，或交互数值操作。
5、左移<<
左移，即按二进制形式把所有的数字向左移动对应的位数，高位移出(舍弃)，低位的空位补零。左移不会影响符号位。
数学意义：在数字没有溢出的前提下，对于正数和负数，左移一位都相当于乘以2的1次方，左移n位就相当于乘以2的n次方。
6、右移
6.1有符号的右移>>：即按二进制形式把所有的数值向右移动但是保留符号位。
数学意义：在数字没有溢出的前提下，对于正数和负数，右移一位都相当于除以2的1次方，右移n位就相当于除以2的n次方。
6.2无符号的右移>>>:即按二进制形式把所有的数值,包括符号位都向右移动。
对于正数来说>>和>>>的结果是一样的；
对负数来说，由于负数以其绝对值的补码形式表示，因此会导致无符号右移结果非常大。
三、布尔操作符
1、逻辑非 ！
逻辑非用！表示，可以应用与ECMAScript的任何类型的值，逻辑非操作返回的是一个布尔值（true/false）。该操作符首先会将它的操作数转换为一个布尔值，然后再对其求反.
！！相当于Boolean()函数。
Boolean()转型函数的一组规则。
数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数字值（包括无穷大） 0和NaN
Object 任何对象 null
Undefined 无 undefined
2、逻辑与&&
逻辑与有两个操作数。
逻辑与操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值；此时，它遵循一下规则：
1. 如果第一个操作数是对象，则返回第二个操作数；
2. 如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象；
3. 如果两个操作符都是对象，则返回第二个操作数； 遵循第一规则。
4. 如果有一个操作数是null，则返回null；
5. 如果有一个操作数是NaN，则返回NaN；
6. 如果有一个操作数是undefined，则返回undefined。
逻辑与操作属于短路操作，即如果第一操作数能够决定结果，那么就不会再对第二个操作数求值。（可以理解为内部的两个return操作）。因此当4、5、6规则冲突时，遵循短路操作原则。
var nul = null;
var na = NaN;
var test;
test = na&&nul;
document.write(test); //NaN
var nul = null;
var na = NaN;
var test;
test = nul&&na;
document.write(test); //null
3、逻辑或||
逻辑或有两个操作数。
逻辑或与逻辑与相似，操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑或操作就不一定返回布尔值；此时，它遵循一下规则：
1. 如果第一个操作数是对象，则返回第一个操作数；
2. 如果第一个操作数的结果是false，则返回第二个操作数；
3. 如果两个操作符都是对象，则返回第一个操作数，遵循第一条规则。
4. 如果两个操作数都是null，则返回null；
5. 如果两个操作数都是NaN，则返回NaN；
6. 如果两个操作数都是undefined，则返回undefined。
逻辑或操作属于短路操作，即如果第一操作数结果为true，那么就不会再对第二个操作数求值。
我们可以利用逻辑或的这个特性来避免为变量赋null或undefined的值
例如：var myObject=firstObject||secondObject
如果firstObject不是null，则firstObject被赋值给myObject,否则将secondObject的值赋给myObject.
以上内容就是本文的全部了，希望对大家能有所帮助
相关文章
这篇文章主要介绍了TypeScrip中泛型的案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-07-07
我的网页的图片较多，而服务器也不是很好，所以每次打开网页后总有一、两幅图片无法显示，但刷新一遍后又全部可显示了,这种问题相信每个人都遇到过，接下来介绍详细解决方法2012-12-12
这篇文章主要介绍了js中的bind应用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要为大家详细介绍了Javascript的迭代器和迭代接口，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
在javaScript中关于submit和button的区别介绍
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上2013-10-10
javascript setinterval 的正确语法如何书写
setinterval是用来干什么，想必大家都知道了，下面为大家介绍下javascript setinterval 正确的语法，高手勿喷2014-06-06
大家可能看到了，我已经将过去写的两篇jQuery的教程删掉了，因为附件不存在了等等问题，所以删除了，从今天开始我就写jQuery教程第二版了！希望大家能够支持我！2010-02-02
下面分享网页全屏显示代码，想做全屏显示效果的朋友可以参照下。2009-07-07
这篇文章主要介绍了js原型继承的两种方法对比介绍,需要的朋友可以参考下2014-03-03
下面小编就为大家带来一篇全面了解js中的script标签。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论