一元运算符

一元运算符只有一个参数,即要操作的对象或值。它们是 ECMAScript 中最简单的运算符。

delete 运算符删除对以前定义的对象属性或方法的引用。例如:

    var obj = new Object();
obj.name = "David";
alert(obj.name); //输出 "David"
delete obj.name;
alert(obj.name); //输出 "undefined"

delete 运算符不能删除开发者未定义的属性和方法。例如,下面的代码是没什么效果的:

    delete obj.toString;

即使 toString 是有效的方法名,这行代码也会引发错误,因为 toString() 方法是原始的 ECMAScript 方法,不是开发者定义的。

delete 还可以用来删除数组中的元素(这没什么奇怪的,数组和对象是相通的)

    var arr = [2,4,6,8,10];
delete arr[2];
alert(arr[2]);//undefined

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。例如:

    <a href="javascript:window.open('about:blank')">Click me</a>

如果把这行代码放入 HTML 页面,点击其中的链接,即可看到屏幕上显示 "[object]"。TIY这是因为 window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。要避免这种效果,可以用 void 运算符调用 window.open() 函数:

    <a href="javascript:void(window.open('about:blank'))">A</a>
//这使 window.open() 调用返回 undefined,它不是有效值,不会显示在浏览器窗口中。

没有返回值的函数真正返回的都是 undefined。

直接从 C(和 Java)借用的两个运算符是前增量运算符和前减量运算符。所谓前增量运算符,就是数值上加 1,形式是在变量前放两个加号(++):

    var iNum = 10;
++iNum;
//实际上等价于
var iNum = 10;
iNum = iNum + 1;

同样,前减量运算符是从数值上减 1,形式是在变量前放两个减号(--):

    var iNum = 10;
--iNum;

在使用前缀式运算符时,注意增量和减量运算符都发生在计算表达式之前。考虑下面的例子:

    var iNum = 10;
--iNum;
alert(iNum); //输出 "9"
alert(--iNum); //输出 "8"
alert(iNum); //输出 "8"

第二行代码对 iNum 进行减量运算,第三行代码显示的结果是("9")。第四行代码又对 iNum 进行减量运算,不过这次前减量运算和输出操作出现在同一个语句中,显示的结果是 "8"。为了证明已实现了所有的减量操作,第五行代码又输出一次"8"。在算术表达式中,前增量和前减量运算符的优先级是相同的,因此要按照从左到右的顺序计算之。例如:

    var iNum1 = 2;
var iNum2 = 20;
var iNum3 = --iNum1 + ++iNum2; //等于 "22"
var iNum4 = iNum1 + iNum2;//等于 "22"

还有两个直接从 C(和 Java)借用的运算符,即后增量运算符和后减量运算符。后增量运算符也是给数值上加 1,形式是在变量后放两个加号(++):

    var iNum = 10;
iNum++;

后减量运算符是从数值上减 1,形式为在变量后加两个减号(--):

    var iNum = 10;
iNum--;

与前缀式运算符不同的是,后缀式运算符是在计算过包含它们的表达式后才进行增量或减量运算的。考虑以下的例子:

    var iNum = 10;
iNum--;
alert(iNum); //输出 "9"
alert(iNum--); //输出 "9"
alert(iNum); //输出 "8"

在算术表达式中,后增量和后减量运算符的优先级是相同的,因此要按照从左到右的顺序计算之。例如:

    var iNum1 = 2;
var iNum2 = 20;
var iNum3 = iNum1-- + iNum2++; //等于 "22"
var iNum4 = iNum1 + iNum2; //等于 "22"

在前面的代码中,iNum3 等于 22,因为表达式要计算的是 2 + 20。变量 iNum4 也等于 22,不过它计算的是 1 + 21,因为增量和减量运算都在给 iNum3 赋值后才发生。

大多数人都熟悉一元加法和一元减法,它们在 ECMAScript 中的用法与您高中数学中学到的用法相同。一元加法本质上对数字无任何影响,只用来表示正数,但不能将负数转换成正数

    var num=-10;
alert(+num);//-10

但并不是一元加法就一无用处.由于这类的运算符只能作用于数字,因些,当将这些运算符运用于字符串时,可以起到将字符串转换成数字的妙效!

    var str ="123";
str = +str;
alert(typeof str);//number

一元减法也有这样的效用,但同时,它还会对数字求负!

位运算符

位运算符是在数字底层(即表示数字的 32 个数位)进行操作的。

ECMAScript 整数有两种类型,即有符号整数(允许用正数和负数)和无符号整数(只允许用正数)。在 ECMAScript 中,所有整数字面量默认都是有符号整数!

有符号整数使用 31 位表示整数的数值,用第 32 位表示整数的符号,0 表示正数,1 表示负数。数值范围从 -2147483648 到 2147483647。

可以以两种不同的方式存储二进制形式的有符号整数,一种用于存储正数,一种用于存储负数。正数是以真二进制形式存储的,前 31 位中的每一位都表示 2 的幂,从第 1 位(位 0)开始,表示 20,第 2 位(位 1)表示 21。没用到的位用 0 填充,即忽略不计。例如,下面展示的是数 18 的表示法。

18 的二进制版本只用了前 5 位,它们是这个数字的有效位。把数字转换成二进制字符串,就能看到有效位:

    var iNum = 18;
alert(iNum.toString(2)); //输出 "10010"

这段代码只输出 "10010",而不是 18 的 32 位表示。其他的数位并不重要,因为仅使用前 5 位即可确定这个十进制数值。如下图所示:

负数也存储为二进制代码,不过采用的形式是二进制补码。计算数字二进制补码的步骤有三步:

  1. 确定该数字的非负版本的二进制表示(例如,要计算 -18的二进制补码,首先要确定 18 的二进制表示)
  2. 求得二进制反码,即要把 0 替换为 1,把 1 替换为 0
  3. 在二进制反码上加 1

要确定 -18 的二进制表示,首先必须得到 18 的二进制表示,如下所示:

	0000 0000 0000 0000 0000 0000 0001 0010

接下来,计算二进制反码,如下所示:

	1111 1111 1111 1111 1111 1111 1110 1101

最后,在二进制反码上加 1,如下所示:

	1111 1111 1111 1111 1111 1111 1110 1101
1
-----------------------------------------------------------
1111 1111 1111 1111 1111 1111 1110 1110

因此,-18 的二进制表示即 1111 1111 1111 1111 1111 1111 1110 1110。记住,在处理有符号整数时,开发者不能访问 31 位。

然而,把负整数转换成二进制字符串后,ECMAScript 并不以二进制补码的形式显示,而是用数字绝对值的标准二进制代码前面加负号的形式输出。例如:

    var iNum = -18;
alert(iNum.toString(2)); //输出 "-10010"

这段代码输出的是 "-10010",而非二进制补码,这是为避免访问位 31。为了简便,ECMAScript 用一种简单的方式处理整数,使得开发者不必关心它们的用法。另一方面,无符号整数把最后一位作为另一个数位处理。在这种模式中,第 32 位不表示数字的符号,而是值 231。由于这个额外的位,无符号整数的数值范围为 0 到 4294967295。对于小于 2147483647 的整数来说,无符号整数看来与有符号整数一样,而大于 2147483647 的整数则要使用位 31(在有符号整数中,这一位总是 0)。把无符号整数转换成字符串后,只返回它们的有效位。

注意:所有整数字面量都默认存储为有符号整数。只有 ECMAScript 的位运算符才能创建无符号整数。

位运算符
按位非 NOT
按位与 AND
按位或 OR
按位异或 XOR
左移运算 <<
有符号右移运算 >>
无符号右移运算 >>>

按位非运算符首先将数字转换成二进制(32位),然后再对各个数位上的1替换成0,而0则替换成1

    var num = 12;
/*12转换成二进制数为1100,32位形式为
00000000000000000000000000001100 //取该二进制数的补码
11111111111111111111111111110011 //-13
*/
alert(~num);//-13,输出仍然以十进制格式
//按位非实际上是对数字取负,然后再减一

按位与,按位或,按位异或运算符都是先将数字转换成32位二进制数,然后对各位进行操作

    /*
0 & 0 == 0 1 | 0 == 1
0 & 1 == 0 1 | 1 == 1
1 & 1 == 1 0 | 0 == 0
异或比较特殊,当两加只有一个是1时返回1,其它返回0
1 ^ 1 == 0 1 ^ 0 == 1 0 ^ 0 == 0
*/
var num1 = 12;
var num2 = 24;
/*
00000000000000000000000000001100 // 12
00000000000000000000000000011000 // 24
----------------------------------------------------- // &
00000000000000000000000000001000 // 8
*/
alert(num1 & num2);//
/*
00000000000000000000000000001100 // 12
00000000000000000000000000011000 // 24
----------------------------------------------------- // |
00000000000000000000000000011100 // 28
*/
alert(num1 | num2);//
/*
00000000000000000000000000001100 // 12
00000000000000000000000000011000 // 24
----------------------------------------------------- // ^
00000000000000000000000000010100 // 20
*/
alert(num1 ^ num2);//
alert(num1 << 4);//将12左移4位,192
/*左移运算符将二进制数字向左移动N位,空出的位置用0填充,超出32位的截去(不改变第32位)
00000000000000000000000000001100
00000000000000000000000011000000 //192
*/
alert(num1 >> 4);//将12有符号右移4位,0
/*有符号右移运算符将二进制数字向右移动N位,前面空出的位置用0填充(不改变第32位),后面截去N位
00000000000000000000000000001100 //12
00000000000000000000000000000000 //0
*/
alert(num1 >>> 4);//将12无符号右移4位,0
/*无符号右移运算符将二进制数字向右移动N位,前面空出的位置用0填充,后面截去N位
//如果N大于0,第32位总会用0填充,使用无符号右移运算符得到的总是正数
00000000000000000000000000001100 //12
00000000000000000000000000000000 //0,对于正数,有符号右移和无符号右移一样
*/
alert(-num1 >>> 4);//将-12无符号右移4位,268435455
/*
11111111111111111111111111110100 //-12
00001111111111111111111111111111 //268435455
*/

Boolean 运算符

Boolean 运算符有三种:NOT(!)、AND(&&) 和 OR(||)。

逻辑 NOT 运算符的行为如下:
对于0,true,null,NaN,undefined,空字符串,返回true
对于非0数字,非空字符串,非空对象,true,返回false
    //下面皆返回true
alert(!null);
alert(!0);
alert(!undefined);
alert(!false);
alert(!"");
alert(!NaN);
//下面皆返回false
alert(!" ");
alert(!true);
alert(!(new Object()));
alert(!-1);

逻辑非运算符(!)始终返回布尔值!

当然,逻辑非运算符还有另外一个用途---〉将其它类型转换成布尔值,例如:

    alert(!!NaN);//NaN的逻辑值为false

在 ECMAScript 中,逻辑 AND 运算符用双和号(&&)表示,逻辑OR运算符有双竖线表示(||),它们的效用你可能已经很清楚

    alert(true && true);//true
alert(false && true);//false
alert(false && false);//false
alert(true || true);//true
alert(true || false);//true
alert(false || false);//false

然而在ECMAScript中,AND与OR运算符不但可以作用于逻辑值!

    alert(34 && String);//将返回34
//但新手对这样的比较可能很迷惑

ECMAScript中的逻辑与逻辑或运算符又被称之为"快速与","快速或",或称之为"短路与","短路或".称之为短路或快速,是因为它们在测试两边条件时(将其转换成布尔值),如果第一个表达式的值已经能够确定整个表达式值的时候,就不会继续求下一个表达式的值,直接将这个值返回.比如与操作,如果第一个值转换为布尔是false,那么不管下个是true还是false,整个表达式的值都会是false,而对于OR运算符,则是如果第一个逻辑值为true,那么整个表达式的值就定了,就不用判断第二个条件了,所以,我们应该在AND运算中将最可能是false的条件放在前面,而在OR运算中,则将最有可能是true的条件放在前面,这样可以提高效率!我们可以用下面的例子来证明这一点:

    function fnTrue() {
alert(true);
return true;
}
function fnFalse() {
alert(false);
return false;
}
//注意是执行两个函数,将返回值进行比较
var a = fnFalse() && fnTrue();//只会出现一个弹窗,显示false
//a = fnTrue() || fnFalse();//这一步只会出现一个弹窗,显示true

而对于这两个操作符的返回值,则只要记住一点:将最后判断的那个条件的值返回

    //AND中第一个为true时,还要继续判断,第二个为false,整个表达式的值为false,同时将第二个条件返回
alert(true && false);
//当对其它类型使用AND时也是这样的
alert(null && Object);//将返回null,因为在AND运算中第一条件为false,就无须继续了
//同理,OR运算也是如此
alert(Object || String);//返回Object,因为它的逻辑值是true
alert(false || NaN);//返回NaN

数学运算符

加法(+),减法(-),乘法(*),除法(/)以及取模(%)都是小学数学的内容了,这里我们主要讨论在ECMAScript中,当这些运算符与一些特殊值相遇时会是什么情况

加法(+)
-Infinity 加 -Infinity,结果为 -Infinity。Infinity 加 Infinity,结果为 Infinity。
Infinity 加 -Infinity,结果为 NaN。
当只要有一边是字符串时,两边都被转换成字符串进行相连
减法(-)
-Infinity 减 Infinity,结果为 NaN。
-Infinity 减 -Infinity,结果为 NaN。
Infinity 减 -Infinity,结果为 Infinity。
-Infinity 减 Infinity,结果为 -Infinity。
乘法(*)
如果结果太大或太小,那么生成的结果是 Infinity 或 -Infinity。
Infinity 乘以 0 以外的任何数字,结果为 Infinity 或 -Infinity。
Infinity 乘以 Infinity,结果为 Infinity。
除法(/)
如果结果太大或太小,那么生成的结果是 Infinity 或 -Infinity。
Infinity 被 Infinity 除,结果为 NaN。
Infinity 被任何数字除,结果为 Infinity。
0 除一个任何非无穷大的数字,结果为 NaN。
Infinity 被 0 以外的任何数字除,结果为 Infinity 或 -Infinity。
取模(%)
如果被除数是 Infinity,或除数是 0,结果为 NaN。
Infinity 被 Infinity 除,结果为 NaN。
如果除数是无穷大的数,结果为被除数。
如果被除数为 0,结果为 0。

如果对其它类型的值进行数学运算,那么其它类型的值会自动转换成数字,如果转换失败,则返回NaN(只有加法运算可以和普通字符串相连)

语句

判断语句:if (condition) {...} , if (condition) {....}else {....} , if (condition) {....} else if (condition) {......} else {.....}

循环语句:while (condition) {...} , do {...} while (condition) ,for (initialization; expression; post-loop-expression) statement; for (var key in obj) {......}

有标签的语句与break,continue语句

break 和 continue 语句的不同之处:break 语句可以立即退出循环,阻止再次反复执行任何代码。而 continue 语句只是退出当前循环,根据控制表达式还允许继续进行下一次循环。

    var iNum = 0;
outermost:
for (var i=0; i<10; i++) {
for (var j=0; j<10; j++) {
if (i == 5 && j == 5) {
break outermost;
}
iNum++;
}
}
alert(iNum); //输出 "55"

with 语句用于设置代码在特定对象中的作用域。

    var sMessage = "hello";
with(sMessage) {
alert(toUpperCase()); //输出 "HELLO"
}
var person = new Object();
person.age = 18;
person.name = "XXX";
person.parent = "ZZZ";
with (person) {
alert(age+"\n"+name+"\n"+parent);
}

with 语句是运行缓慢的代码块,尤其是在已设置了属性值时。大多数情况下,如果可能,最好避免使用它。

javascript快速入门10--运算符,语句的更多相关文章

  1. JavaScript快速入门-ECMAScript运算符

    1.逻辑运算符 逻辑与:&&(and) 逻辑或:||(or) 逻辑非:!(not) 逻辑 AND 运算符(&&) 逻辑 AND 运算的运算数可以是任何类型的,不止是 B ...

  2. JavaScript快速入门(四)——JavaScript函数

    函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...

  3. JavaScript基础入门10

    目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...

  4. JavaScript快速入门(三)——JavaScript语句

    JavaScript基本语句 基本概述 JavaScript是脚本语言,从上到下解释执行,最小单位为语句或语句块,每个语句以分号结尾,每个语句块以右大括号结尾. JavaScript可以将多条语句或语 ...

  5. JavaScript快速入门(五)——表达式运算

    赋值运算 赋值运算的形式为左值 = 右值.如果同个表达式中有多个赋值运算,则从右到左运算.例如: a = b = c; // 和下面两行等价 b = c; a = b; 另外一种赋值运算的形式叫做复合 ...

  6. JavaScript快速入门-ECMAScript语句

    JavaScript语句(if.for.for in.do...while.while.break.continue.switch) 一.if语句 if (condition) statement1 ...

  7. Web开发初探之JavaScript 快速入门

    本文改编和学习自 A JavaScript Primer For Meteor 和 MDN Web教程 前文 Web开发初探 概述 本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能 ...

  8. javascript快速入门8--值,类型与类型转换

    原始值和引用值 在ECMAScript中,变量可以存放两种类型的值,即原始值和引用值. 原始值(primitive value)是存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量 ...

  9. Javascript快速入门(上篇)

    Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript ...

随机推荐

  1. 基于 Windows 7 的计算机的可用内存可能低于安装内存

    https://support.microsoft.com/zh-cn/kb/978610 症状 在运行 Windows 7 的计算机上,可用内存 (RAM) 可能会低于安装内存. 例如,32 位版本 ...

  2. Java坦克大战 (三) 之可完全控制坦克朝八个方向运动

    本文来自:小易博客专栏.转载请注明出处:http://blog.csdn.net/oldinaction 在此小易将坦克大战这个项目分为几个版本,以此对J2SE的知识进行回顾和总结,希望这样也能给刚学 ...

  3. Newtonsoft.Json 序列化和反序列化 以及时间格式

    1.JSON序列化 string JsonStr= JsonConvert.SerializeObject(Entity); eg:   A a=new A(); a.Name="Elain ...

  4. 《Java编程思想》笔记 第八章 多态

    1.向上转型 把子类引用当作父类引用.(子类对象赋值给父类引用) 2.绑定 确定方法属于哪个类. 3.前期绑定 程序执行前绑定. 4.后期绑定也叫动态绑定 程序运行时绑定. 5.多态 多个不同的对象对 ...

  5. 《Java编程思想》笔记 第三章 操作符

    1.操作符种类: 运算顺序1-7 一元操作符(单目操作符)  - 负号, + 正号,--递减,++递增 算术操作符 + - *  /  % 移位操作符  <<左移(低位补0),>&g ...

  6. JDK+Tomcat+MySql环境配置—linux

    Yum安装和jsp安装环境搭建 Yum安装手册: 第一步:在root用户下解压Yum安装包 ,输入命令: unzip yum.zip.

  7. Selenium2+python自动化63-简易项目搭建【转载】

    前言 到unittest这里基本上可以搭建一个简易的项目框架了,我们可以用一条run_main.py脚本去控制执行所有的用例,并生成报告,发送邮件一系列的动作 一.新建工程 1.打开pycharm左上 ...

  8. linux下命令行文件路径隐藏

    https://askubuntu.com/questions/16728/hide-current-working-directory-in-terminal 在~.,bashrc里添加 expor ...

  9. bash特性

    (1)shell简介 shell是系统的用户界面,提供用户与内核进行交互操作的一种接口,它接收用户输入的命令并把它送入内核去执行.实际上shell是一个命令解释器 (2)shell语法 语法:命令 选 ...

  10. DeprecationWarning: current URL string parser is deprecated解决方法

    我最近在使用mongoDB的时候,发现了这个警告语句,纳闷了,按照官方文档的教程去连接数据库还能出错,也是醉了. 后来尝试去阅读相关资料,发现只是需要将{ useNewUrlParser: true ...