原文:从头开始学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()转型函数的一组规则。 http://www.cnblogs.com/yxField/p/4211704.html

数据类型 转换为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.

从头开始学JavaScript (四)——操作符的更多相关文章

  1. 从头开始学JavaScript (五)——操作符(二)

    原文:从头开始学JavaScript (五)--操作符(二) 一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscri ...

  2. 从头开始学JavaScript (十一)——Object类型

    原文:从头开始学JavaScript (十一)--Object类型 一.object类型 一个object就是一系列属性的集合,一个属性包含一个名字(属性名)和一个值(属性值). object对于在应 ...

  3. 从头开始学JavaScript (六)——语句

    原文:从头开始学JavaScript (六)--语句 一.条件分支语句:if 基本格式: if (<表达式1>){    <语句组1>}else if (<表达式2> ...

  4. 从头开始学JavaScript (十二)——Array类型

    原文:从头开始学JavaScript (十二)--Array类型 一.数组的创建 注:ECMAscript数组的每一项都可以保存任何类型的数据 1.1Array构造函数 var colors = ne ...

  5. 从头开始学JavaScript (八)——变量

    原文:从头开始学JavaScript (八)--变量 一.变量分类: 基本类型值:null.undefined.number.string.Boolean: 引用类型值:保存在内存中的对象,如:Obj ...

  6. 从头开始学JavaScript (三)——数据类型

    原文:从头开始学JavaScript (三)--数据类型 一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属 ...

  7. 从头开始学JavaScript 笔记(一)——基础中的基础

    原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMASc ...

  8. 从头开始学JavaScript (十)——垃圾收集

    原文:从头开始学JavaScript (十)--垃圾收集 一.垃圾收集 1.1javascript垃圾收集机制: 自动垃圾收集,执行环境会负责管理代码执行过程中的使用的内存.而在C和C++之类的语言中 ...

  9. 从头开始学JavaScript (九)——执行环境和作用域

    原文:从头开始学JavaScript (九)--执行环境和作用域 一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中 ...

随机推荐

  1. PowerDesigner有几个需要设置

    安装后PDM后.一些易于使用的设计人才需求. 一. 建立name与code做自己的主动关联,我们输入name当你不希望个别及连带code已经改变. 打开Tools->General Option ...

  2. [webapi] 如何在查看api时 显示api的说明

    首先在Controller的方法中 写上相关注释,如下图 然后 右击webapi项目点属性.按照下图选择 红色框中内容要保持一致 然后保存. 在项目中找到到这个文件Areas/HelpPage/App ...

  3. 一起学习android图像缩放资源 (27)

    效果图: 在平时载入图片时,我会使用SetImageBitmap.setImageResource.BitmapFactory.decodeResource来设置一张图 片通过以上方法来设置图片时.会 ...

  4. CF 444B(DZY Loves FFT-时间复杂度)

    B. DZY Loves FFT time limit per test 1 second memory limit per test 256 megabytes input standard inp ...

  5. 中颖电子AD操作

    #define ADC_DIS 0 #define ADC_ENB 1 //ADC通道号定义 #define ADC_Chanel0 (unsigned char)(0x00<<1) #d ...

  6. Objective-C路成魔【11-多态性、动态类型和动态绑定】

    郝萌主倾心贡献.尊重作者的劳动成果,请勿转载. 假设文章对您有所帮助,欢迎给作者捐赠.支持郝萌主.捐赠数额任意,重在心意^_^ 我要捐赠: 点击捐赠 Cocos2d-X源代码下载:点我传送 多态这个其 ...

  7. unity3d 各功能的运行秩序,打回来,订购,的次数

    Update 当MonoBehaviour启用时,其Update在每一帧被调用. 仅调用一次(每帧) LateUpdate 当Behaviour启用时,  每帧调用一次: FixedUpdate 当M ...

  8. hdu4888 Redraw Beautiful Drawings

    14更多学校的第二个问题 网络流量   分别以行,列作为结点建图 i行表示的结点到j列表示的结点的流量便是(i, j)的值 跑遍最大流   若满流了便是有解   推断是否unique  就是在残余网络 ...

  9. HDU 3103 Shoring Up the Levees(计算几何 搜寻区域)

    主题链接:http://acm.hdu.edu.cn/showproblem.php?pid=3103 Problem Description The tiny country of Waterlog ...

  10. Jeditable 点击编辑文字插件

    Jeditable - jQuery就地编辑插件使用   jeditable是一个jquery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件.(注: 就地编辑,也有称 ...