Javascript知识架构学习路径(二)运算符篇.docx

Javascript知识架构学习路径（二）运算符篇Charles 2016.6【摘要】本文是写给一位Javascript入门学习者进行学习总结的，总 体上将Javascript的基础局部分成了九大块，分别是变量、运算符、 数组、流程控制结构、字符串函数、函数基础、DOM操作基础、文 档对象模型DOM和正那么表达式。【关键字】变量、运算符、数组、流程控制结构、函数、DOM、正 那么表达式。在上一篇文章中，我们讨论了 JS中的变量，今天的文章，我将 与大家一起来全面系统地总结一下我们JS中的运算符。在JS中，运算符大致可以分为算术运算符、关系运算符、逻辑 运算符、位运算符、对象运算符、自加与自减及其他的一些运算符， 其中位运算符会做专题小结，在此文中就不详述。下面我们就一一来 回顾。一、算术运算符算术运算符主要包括：+、*、/、,除了这五个之外还有复 合运算符，具体有十=、二、*二、/二和=，下面我们就具体来讨论一 下各个运算符在用法上需要注意的问题。1、+这个运算符比拟特殊，它除了可以做算术运算中的加法运算之外， 还可以做字符串的连接运算，同时，它还有一个比拟特殊的用法，也笫1页共1页 就是它可以将一个数值转换成字符串。(1 )对数字进行加法求和，如：3+2 ,得到的结果为5 ；(2)对字符串进行连接操作，又如今天好天气，得到的结果为今天好天气；(3)字符串转换，这种用法比拟特殊，要注意写法，如5+ ， 得到的结果是 5，一般都是将数字写在前面，后面直接通过 + 连接一个空字符串，这样就可以将数字转换成字符串了。 +在做字符串拼接时，又分两种情况，第一种就是简单的两 个字符串拼接，如 JS +运算符，得到的结果为 JS运算符， 另一种情况是字符串+数值，当出现这种情况的时候，JS会自动将数 值转换成字符串，然后再与+左边的字符串做拼接操作，比方，幸 运数字r +5,得到的结果是幸运数字：2、这个运算符与 +相比，也有自身的特点，它所能实现的运算 主要包括以下三个方面：(1 )对数字进行减法操作；(2)对操作数进行取反操作；(3)将字符串转换成数值,它3+号的区别是，在书写格式 方面丁，在转换的时候，写法是：数值型字符串3、* *运算符在使用的时候只有一个功能，那就是对两个数进行 乘法运算；笫2页共2页4、/ /运算符与 *类似，也只有一个功能，那就是对两个数进 行除法运算；5、% 运算符称为取模运算符，计算的结果是两个数做除法运算 后，取余数。算术运算符除了上面所列举的五个之外，还有一种叫做复合运算 符，具体有十二、二、*二、/二和二，功能与基本的算术运算符类似。二、关系运算符关系运算符在功能上分为两大类，其一，大小关系检测运算，其 二，等值关系检测运算，下面，就这两种功能我们分别进行小结。1、大小关系检测大小关系检测主要就是判断两个操作数之间的大小关系，其主要 包括两个方面，一方面就是运算符本身，另一方面就是运算符的操作 规那么。(1 )运算符 ，如AB，如果A是大于B的，那么结果为true,反之， 结果为false; 二，如 A=，如 A=B，如果A是大于B的,那么结果为true ,反 之，结果为false ;(2 )操作规那么当运算符是两个数值的比拟时，所执行的操作是比拟它们的代数 值，如 32,那么返回的结果为true ;当运算符的两侧一个是数值，一个是非数值时，会将非数值操作 数转换成数值，然后再进行代数值比拟，如 3小2 ，得到的结果 也为true;如果是两个字符串之间的比拟，那么会逐字符比拟它们的 Unicode数值；如果是字符串与非数值之间的比拟，那么会将运算数转换成字符 串，然后再进行比拟；如果运算数既非数值也非字符串，那么会先将运算数转换成数值 或字符串再进行比拟；如果运算数无法被转换成数值或字符串时，那么直接返回结果false;如果是与NaN进行比拟，也是直接返回结果fals已工等值关系检测等值关系检测运算符又分两种情况，分别是相等比拟和相同比拟， 下面就具体来看看，这两种情况的具体内容：(1 )相等比拟操作符主要有两个：二二和!二。主要是比拟两个运算数返回值是 否相等；笫4页共4页比拟的原那么：如果是null与undefined比拟，结果是相等的；如 果是NaN，它与任何数比拟的结果都是不相等的，包括与自身比拟； 如果是对象的比拟，同一对象的结果为相等，不同对象的结果为不等。(2)相同比拟运算符主要有：二=二和!比拟两个运算数的返回值及数据类 型是否相同。比拟的原那么：如果是值类型间的比拟，只有数据类型相同时，且 数值相等的情况下才能相同；如果是值类型与引用类型之间的比拟， 那么结果肯定是不相同的；如果是引用类型之间的比拟，比拟的是它 们的引用值。三、逻辑运算符逻辑运算符主要有三个，逻辑与(& I逻辑或(| )和逻辑非 (!X下面我们就分别对这三个运算符从特性和规那么来进行小结。1、&逻辑与运算，我们使用的是 &运算符，其使用规那么有如下 几点：(1)如果第一个操作数是对象，那么直接返回第二个操作数；(2)如果第二个操作数是对象，第一个操作数值为true时，那么 直接返回第二个操作数，即对象；(3)如果两个操作数都是对象，那么返回第二个操作数；(4)如果有一个操作数是null ,那么直接返回null ;(5)如果有一个操作数是NaN ,那么直接返回NaN ;笫5页共5页(6)如果有一个操作数是undefined ,也将直接返回undefinedo作为逻辑与运算，它的特性有两点，其一，当且仅当两个运算数 的值都为true时，才返回true ,否那么将返回false;其二，当第一个操 作数返回值为false ,那么将不会再对后续的操作数进行判断，这个特 性又称为短路。2、II逻辑或运算，我们使用的是 11运算符，其使用规那么有如下几 点：(1 )如果第一个操作数是对象，那么返回第一个操作数；(2)如果第一个操作数为false ,那么返回第二个操作数;(3)如果两个操作数都是对象，那么返回第一个操作数；(4)如果两个操作数都是null ,那么返回null ;(5)如果两个操作数都是NaN ,那么返回NaN ;(6)如果两个操作数都是undefined ,那么返回undefined。作为逻辑或运算，其特性也有两点，首先，当且仅当两个运算数 的值都为false时，才返回false ,否那么,返回true ;其次,也是所谓的 短路，即如果第一个操作数为true ,那么不会再对后续的操作数进行判 断。3、!逻辑非运算，用的是 ！运算符，它的特性还是两点，第一， 如果运算数的值为false，那么返回true，假设为true，那么返回false ;其二, 如果连续使用两次非运算符，那么可以将任意类型转换成布尔型值。笫6页共6页四、对象运算符对象运算符主要包含以下六类：1、inin运算符主要是判断左侧运算数是否为右侧运算数的成员；2、instancesofinstancesof主要用来判断对象实例是否属于某个类或者构造函数;3、newnew主要是根据构造函数创立一个新的对象，并初始化这个对象;4、deletedelete主要是用来删除指定对象的属性，数组元素或变量;5、利.与口主要是用来存取对象和数组元素；收0()主要是用作函数调用，或改变运算的优先级。五、自加与自减自加和自减运算符是一元运算符，主要是对唯一的运算数进行自 加或者自减操作。其使用规那么主要包括以下两点：1、运算数必须是一个变量、数组的一个元素或者对象的属性；2、如果运算数是非数值的，那么会自动转换成数值。当然，自加与自减运算符还有一些特性，比方，运算符是前缀还 是后缀，这将直接决定运算的结果。如果是在运算数的前面作为前缀的话，所实现的操作是先进性自笫7页共7页 加或自减操作，然后再进行求值；如果是在运算数的后面作为后缀的 话，其实现的操作是先求值后，再进行自加或自减操作。六、其他在JS中，其他的运算符主要包括？ ：、typeof.逗号和void。1、?：该运算符是条件运算符，其作用相当于一个标准的双分支结构；2、typeoftypeof的作用是对操作数进行类型判断的；3、逗号 7，的作用是在一行语句中执行多个不同的操作；4、voidvoid的作用是舍弃运算数的值 返回undefined作为表达式的值。以上内容，除了位运算符会在后续的文章中单独阐述之外，基本 上涵盖了 JS中所有用到的运算符，包括各类运算符的用法、特点等 也做了相应的总结，希望能为各位带来帮助。笫8页共8页