操作符包括:算术操作符、位操作符、关系操作符和相等操作符。

  一元操作符

  1、只能操作一个值得操作符,即递增和递减操作符;

  2、递增(++)和递减(--)操作符包括:前置型和后置型。前置型位于要操作的变量之前;后置型位于要操作的变量之后。

  3、执行前置递增和递减操作时,变量的值都是在语句被求值以前改变的;执行后置递增递减操作时,是在包含它们的语句执行后才执行的。eg:

var age=;
//前置递减
var ageOther=--age+; //返回23(先执行递减,再执行语句) //后置递减
var ageAf=age-- + ; //返回24 (先执行语句,再执行递减)

  4、递增和递减操作同样可以适用于字符串、布尔和对象,不过要先转换成数值,然后再进行其操作。

var s1='';
var s2='z';
var f='1.1';
var b='true';
var o={
valueOf:function(){
return -;
}
} //执行递增递减操作
++s1; //
++s2; //NaN(不包含数字的,转换数值返回NaN)
--f; //0.10000000000000009; (浮点类型产生的误差)
b++; //
o++;//0(对象,调用valueOf()方法,然后转换为数值进行操作)

  5、一元加减操作符:将加号(减号)放到数值前面,对数值不会产生任何影响【同样适用于字符串、布尔和对象,规则同理递增和递减操作】。eg:

var num=;
num=+num; //90 //但是如果是减号,会变成相反数
var num2=;
num2=-num2; //-33

  6、位操作符:ECMAScript中所有数值都以IEEE-754 64位格式存储,但位操作符并不是直接操作64位的值。而是先将64位的值转换为32位,执行操作,最后再转回64位。

  7、位操作符运算包括:按位非(NOT ~)、按位与(&)【计算规则:同为1才得1】、按位或(|)【计算规则:有1就得1】、按位异或(^)【计算规则:不同值才得1】。

  8、布尔操作符:逻辑非(not) 逻辑与(and) 逻辑或(or)3个操作。

  9、逻辑非(!)可以用于任何数据类型,且会返回一个布尔值。逻辑非操作符遵循的规则:

    1)null、undefined、NaN、空字符串、0都会返回true;

    2)对于非空字符串、对象、非0数值(包括infinity无穷)返回false

  总结:可以通过逻辑非,判断一个变量是否存在。

  10:逻辑与(&&):有两个操作数。例如:var rs=true && false;  //false

  11、逻辑与操作符适用于任何数据类型,其遵循的规则:

    1)若第一个操作数是对象,则返回第二个操作数;

    2)若第二操作数是对象,则只有在第一个操作符是true的情况下才会返回该对象;

    3)若两个操作符都是对象,则返回第二个操作数;

    4)若其中有一个操作数是null、undefined、NaN,则返回这些值。

  12、逻辑与(&&)操作:短路操作,即第一个操作数能够决定结果,那么就不会再对第二个操作数求值了。若第一个操作数的值是false,那么第二个操作将不再执行。

eg:

var f=true;
var rs=(f && s); //catch 到错误。s为定义变量
console.log(rs); //这一语句不会执行 var f=false;
var rs=(f && s);
console.log(rs); //返回false,s将不再执行

  13、逻辑或操作符与逻辑与相似,返回值不一定是布尔值,遵循的规则:

    1)若第一个操作数是对象,则返回第一个操作数;

    2)若两个操作数都是对象,则返回第一个操作数;

    3)若第一个操作数求值结果是false,则返回第二个操作数

    4)若其中有一个操作数是null、undefined、NaN,则返回这些值。

  14、乘性操作符:乘法、除法、求模(余数)。对于非数值的操作符,会用Number()进行转换,即非数值字符串==》0,布尔值==》0和1。

  15、乘性操作符特殊操作遵循的规则:

    1)如果乘积超过ECMASpcript的范围,则会返回Infinity或者-Infinity;

    2)若一个操作数是NaN,则返回NaN;

    3)Infinity与0相乘,则返回NaN;

    4)Infinity与非0数值相乘,返回Infinity或者-infinity,符号取决于非0数值;

    5)Infinity与Infinity相乘,则返回Infinity。

    6)数值与一个非数值相乘,则先调用Number()进行转换,然后按照以上规则进行操作。

  16、除法类似于乘法,不同的规则:

    1)Infinity除Infinity,返回NaN;

    2)非0数值除以0,则返回Infinity或者-Infinity,符号取决于非0数值的符号;

    3)非0数值除以Infinity,则返回Infinity或者-Infinity,符号取决于非0数值的符号;

  17、求模(余数 %): var rs=26 % 5;

  18、求模的处理特殊的值,遵循的规则:

    1)无穷大Infinity除以有限大的数值,返回NaN;

    2)有限大的数值除以0,返回NaN;

    3)Infinity除以Infinity,返回NaN;

    4)0除以非0的数值(包括无穷大),返回0;

    5)有限大的数值除以无穷大,返回有限大数值;eg:

var rs= % -Infinity;
console.log(rs); // var rs= % Infinity;
console.log(rs); //

  19、加性操作符处理特殊的值:

    1)Infinity 加 -Infinity,返回NaN;

    2)+0加-0,返回+0;

    3)若一个数值和一个字符串相加,得到的是字符串的拼接;eg:

//两个字符串,拼接
var nus1='';
var nus2='';
console.log(nus1+nus2); //'12' //一个数值 +一个字符串
var num=;
var s='';
console.log(num+s); //'12'

  20、减性操作符处理特殊的值:

    1)存在操作符NaN,则返回NaN;

    2)Infinity-Infinity 返回NaN;

    3)-Infinity减去-Infinity,返回NaN;

    4)Infinity减去-Infinity,返回Infinity;

    5)-infinity减去infinity,返回-infinity;

    6)非数值型的减,先调用Number()转换,然后再执行减操作;eg:

var rs1=-true;  //4(true被转换为了1)
var rs2=NaN-; //NaN(有NaN存在)
var rs3=-; //
var rs4=-''; //5 ('' 转换后为0)
var rs5=-null; //5 (null 转换后为0)
var rs6=-''; //

  21、关系操作符:当关系操作符的操作数是非数值时,也要进行数据转换或完成某些奇怪的操作。eg:

    1) 若两个操作数是字符串时,则比较两个字符串对应的字符编码;【两个数值字符串比较也是如此】eg:

var rs="Bird"<'apple';  //true (原因:字符‘B’的编码是66,字符‘a’的编码是97,所以是小于)

var rs2='Bird'.toLowerCase()<'apple'.toLowerCase();  //false (原因:当都转换为小写时候,字符‘b’的编码是98,字符‘a’的编码是97,所以是大于) 

//两个数值字符串比较
var rs3='23'<'3'; //true(字符'2'确实小于‘3’) //数值与字符串
var rs4='23'<3; //false(字符‘23’会先转换为数值23,再进行比较,所以是大于)

    2)若数值与一个非数值进行比较时,都应该先转换成数值,再进行比较。

    3)任何操作数与NaN比较,都将返回false。

  22、相等操作符:有两种情况:相等(==)和不相等(!=):先转换成同类型在比较;全等(===)和全不等(!==):不转换直接比较【数据类型也会进行比较】。

  23、相等操作遵循的规则:

    1)null和undefined是相等的。

    2)若两个操作数都是对象,则比较两个对象是不是同一个对象。若指向同一个对象则返回true,否则false。

    3)任何操作数与NaN都不相等。                          eg:

null==undefined;  //true              
NaN !=NaN; //true
NaN=='NaN'; //false
NaN==NaN; //false
''==; //true
true==1; //true
false==; //true
false==; //false

  24、全等和全不等:数据类型也要相等;eg:

var rs=(''===);  //false(数据类型不同:字符串  数值)
var rs2=(===); //true var rs3=(null===undefined); //false(null和undefined数据类型不同)

  25、条件操作符:语法:var tt=boolean_expression ? true_value : false_value; eg:

var max=(num1 >num2)?num1 : num2;  //获得两个值中最大值

  26、赋值操作符(=):在等号前面加上乘性操作符、加性操作符,就可以完成复合操作符。eg:

var num=;
num=num+; //可以简写成复合形式:
var num=;
num+=;

  27、逗号操作符:一条语句中可以执行多个操作,主要通过逗号来完成的。

    1)如声明多个变量:eg:  var num=1, s='3',flag=false;

    2)可以用来赋值。eg:   var num=(1,2,5,8,9,6,0);  //num的值为0(因为0是表达式最后一个值,所以num的值就是0)

 

JavaScript高级程序设计(八):基本概念--操作符的更多相关文章

  1. 《JavaScript高级程序设计》 -- 基本概念(一)

    之前看过好几遍<JavaScript高级程序设计>这一书,但是始终没有完完整整的看过一遍.从现在开始我会把它完整的啃一遍,每章节都记录笔记,自己的心得,加油! 由于前三章的内容比较简单,因 ...

  2. JavaScript 高级程序设计 01-基本概念

    一.JavaScript组成 1.一个完成JavaScript是由ECMAScript.DOM.BOM三部分组成的. ECMAScript:提供核心语言功能--语法.类型.语句.关键字.保留字.操作符 ...

  3. 读javascript高级程序设计01-基本概念、数据类型、函数

    一. javascript构成 1.javascript实现由三部分组成: ECMAScript:核心语言功能 DOM:文档对象模型,提供访问和操作网页内容的方法和接口 BOM:浏览器对象模型,提供与 ...

  4. 《JavaScript高级程序设计》读书笔记 ---操作符二

    关系操作符 小于(<).大于(>).小于等于(<=)和大于等于(>=)这几个关系操作符用于对两个值进行比较,比较的规则与我们在数学课上所学的一样.这几个操作符都返回一个布尔值, ...

  5. 《JavaScript高级程序设计》读书笔记 ---操作符一

    一元操作符只能操作一个值的操作符叫做一元操作符.一元操作符是ECMAScript 中最简单的操作符. 1. 递增和递减操作符递增和递减操作符直接借鉴自C,而且各有两个版本:前置型和后置型.顾名思义,前 ...

  6. JavaScript高级程序设计-(2)基础概念

    for-in 语句 for-in 语句是一种迭代语句,用来枚举对象属性,语法:for (property in expression) statement实例:for(var propName in ...

  7. javascript 高级程序设计 八

    function 类型: 1.ECMAscript中函数和类C语言的函数有这很多不同.其中之一就是js的函数没有重载.并且多次定义一个同名的函数,当调用这个函数的时候, 会调用最后一次定义的函数. 2 ...

  8. 读javascript高级程序设计00-目录

    javascript高级编程读书笔记系列,也是本砖头书.感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多.<br/>本笔记是为了方便日后查阅,仅作学习交流 ...

  9. JavaScript 高级程序设计 目录

    为什么会写这个学习教程呢??因为一直以来,学习JavaScript都没有系统的学过,用什么学什么,所以今天开始,重新把JavaScript系统的学一遍!(本人也是菜鸟一枚,语文水平也还是小学程度,看得 ...

随机推荐

  1. Android实例-为程序创建快捷方式(未测试)

    结果: 1.因为只有小米手机,没有三星手机,没法测试.如果哪位神测试过的话,记得M我哦,谢了. 实例代码:  unit Unit1; interface uses System.SysUtils, S ...

  2. _int、NSInteger、NSUInteger、NSNumber的区别和联系

    1.首先先了解下NSNumber类型: 苹果官方文档地址:https://developer.apple.com/library/ios/documentation/Cocoa/Reference/F ...

  3. Android事件分发原理

    终于用上了word 2013来写博客,感觉真是老好了,以前在网页上写,老是要把网页拖上拖下的,每次都要吐一升老血啊,现在用上本地的word,瞬间感觉好多了.还有感谢为word写插件的这个大神,代码高亮 ...

  4. 《JavaScript高级程序设计》 读书笔记(一)

    标签的位置 按照传统的做法,所有<script>元素都应该放在页面的<head>元素中,例如: <!DOCTYPE html> <html> <h ...

  5. Css3 display用法

    display 属性规定元素应该生成的框的类型. display:none   此元素不会被显示 display:block   此元素将显示为块级元素,此元素前后会带有换行符 display:inl ...

  6. centos6下安装部署hadoop2.2

    环境准备1.操作系统:centos6.0 64位2.hadoop版本:hahadoop-2.2.0 安装和配置步骤具体如下:1.主机和ip分配如下     ip地址                  ...

  7. 利用openssl进行BASE64编码解码、md5/sha1摘要、AES/DES3加密解密

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  8. Fragment的使用简单介绍【Android】

    Fragment在实际项目开发中使用的越来越多,如今简介一下 布局文件: <LinearLayout xmlns:android="http://schemas.android.com ...

  9. 微信公众平台java开发详解(工程代码+解析)

    原文:http://blog.csdn.net/pamchen/article/details/38718947 说明:本次的教程主要是对微信公众平台开发者模式的讲解,网络上很多类似文章,但很多都让初 ...

  10. iOS快速集成检查更新

    一直以为Appstore有了检查版本是否更新的机制,我们在APP上做这个更新功能会被拒,但是也有看到一些APP也是做了这个更新功能的.因为在网上没有找到完全正确的方法能获取到iTunes里的数据的,于 ...