韩顺平 javascript教学视频_学习笔记4_js运算符2_js移位运算
2016-01-25 20:39
741 查看
js基本语法——运算符
关系运算符
== 等于> 大于
< 小于
>= 大于等于
<= 小于等于
!= 不等于
var a=90;
var b=90;
if(a==b){
alert("ok1");
}
b--;
if(a>b){
alert("ok2");
}
if(a>=b){
alert("ok3");
}
特别说明:
一个数和一个字符串比较有什么结果,即两个类型不一样的比较
例如:
var a=9;
var b=‘9’;
if(a==b){window.alert('ok'); //ok
}else{
window.alert('no');
}
当比较 a 和 b 时,并没有将 b 先转换为 ASCII 码 再与 a 进行 比较,而是直接将 b 转化为一个数(即相当于 parseInt(b) )来进行比较
自己可以根据下面的代码来测试一下
<html>
<head>
<script language="javascript">
var a=9;
var b=9;
if(a==b){
window.alert('ok'); //ok
}
var a=9;
var b='9';
if(a==b){
window.alert('ok');
}else{
window.alert('no');
}
var a=9;
var b="abc";
if(a==b){
window.alert('ok');
}else{
window.alert('no');
}
var a=97;
var b="a";
if(a==b){
window.alert('ok');
}else{
window.alert('no');
}
</script>
</head>
<body></body>
</html>
介绍两个函数:window.prompt() 和 document.writeln()
prompt() 方法用于显示可提示用户进行输入的对话框。语法
prompt(text,defaultText)参数 text 可选。表示要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
参数defaultText 可选。表示默认的输入文本。
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。
writeln() 方法与 write() 方法作用相同,外加可在每个表达式后写一个换行符。
<html>
<head>
<script language="javascript">
var val1=window.prompt("请输入值","65");
var val2=window.prompt("请再输入值");
document.writeln("你的输入是"+(parseFloat (val1)+parseFloat (val2)));
</script>
</head>
<body></body>
</html>
编写一个程序,该程序可以接收两个数(可以是整数,也可是小数),并判读这两个数是大于,小于,还是等于?
<html>
<head>
<script language="javascript">
/*请编写一个程序,该程序可以接收两个数(可以是整数,也可是小数),并判读两个数是大于?小于?还是等于?*/
var num1=window.prompt("请输入第一个数");
var num2=window.prompt("请输入第二个数");
num1=parseFloat(num1);
num2=parseFloat(num2);
if(num1>num2){
window.alert("num1>num2");
}else if(num1<num2){
window.alert("num1<num2");
}else{
window.alert("num1=num2");
}
</script>
</head>
<body></body>
</html>
逻辑运算符
用于判断逻辑关系的运算符&& 与
|| 或
! 非
var a=90;
var b=90;
if(a==b||a>8){
window.alert("ok1");
}
b--;
if(a>b && a>45){
window.alert("ok2");
}
if(!(a<=b)){
window.alert("ok3");
}
在逻辑运算中,0、" "、false、null、undefined、NaN 均表示 false
下面的代码好好看看
<html>
<head>
<script language="javascript">
var a=90;
var b=9;
if(a>b && a>345){
window.alert('ok');
}else{
window.alert('no');
}
//如果是下面的情况,最后a为91
if(a>b && ++a>345){
window.alert('ok');
}else{
window.alert('no');
}
window.alert("a="+a);
//如果是下面的情况,最后a为90
var a=90;
var b=9;
// a<b不成立,因为是&&,直接就短路了,不再执行&&后面的语句了,
//直接就window.alert("no"); 上面的在a>b成立的情况下,才去执行&&后面的语句。
if(a<b && ++a>345){
window.alert('ok');
}else{
window.alert('no');
}
window.alert("a="+a);
//另外的情况
var a=90;
var b=9;
//在 && 左半部分为真的情况下,然后a先 a>90,然后在a++,即是先判断,再加加
if(a>b && a++>90){
window.alert('ok90');
}else{
window.alert('no90');
}
window.alert("a="+a);
</script>
</head>
<body></body>
</html>
下面具体说一下上述代码中所说的短路,其实和其他语言(C,C++等)里的都一样
逻辑与&&
if(逻辑表达式1 && 逻辑表达式2){}
如果 逻辑表达式1 为true 则js引擎会继续执行逻辑表达式2
如果 逻辑表达式1 为false 则不会执行逻辑表达式2
逻辑或||
if(逻辑表达式1 || 逻辑表达式2){}
只要有一个逻辑表达式为true,整个就为true
如果逻辑表达式1为真,那么逻辑表达式2就不判断了(不再执行)
如果逻辑表达式1为假,则逻辑表达式2执行
特别强调:
在js中,|| 究竟返回什么?
结论: || 将返回第一个不为false那个值(对象亦可),或者是返回最后一个值(如果全部都是false的话)
不要把它理解为布尔值,它甚至可以返回对象,即返回的结果,不一定是布尔值
好好理解一下下面的代码
<html>
<head>
<script language="javascript">
var a=true;
var b=false;
window.alert(a||b);
//究竟返回什么
// || 将返回第一个不为false那个值(对象亦可),或者是返回最后一个值(如果全部都是false的话)
var a=4;
var b=9;
window.alert(a||b); //返回4
//**********
var a=0;
var b=9;
window.alert(a||b); //返回9
//**********
var a=0;
var b="";
var d=false;
window.alert(a||b||d); //返回false
//**********
//返回对象
var a=0;
var b="";
var obj=new Object();
var apple= a||b||obj;
window.alert(typeof apple);
</script>
</head>
<body></body>
</html>
二进制——原码、反码、补码
基本概念:网上对原码、反码、补码的解释过于复杂,这里精简几句话。
对于有符号的而言:
二进制的最高位是符号位:0表示正数,1表示负数
正数的原码、反码、补码都一样
负数的反码=它的原码符号位不变,其它位取反(0->1,1->0)
负数的补码=它的反码+1
0的反码,补码都是0
javascript没有无符号数,换言之,javascript中的数都是有符号的
在计算机运算的时候,都是以补码的方式来运算的
-4 的原码 10000000 00000100
反码 11111111 11111011
补码 11111111 11111100
-4>>2 把最后的两个0移走,然后面前用11补上
即是 11111111 11111111
转成 反码 11111111 11111110 //减一
原码 10000000 00000001 //符号位不变,全部取反
既是 -1
所以有下面的结果:
var a=4>>2; 结果是1
var b=-4>>2; 结果是-1
<html>
<head>
<script language="javascript">
var a=4>>2;
window.alert(a);//显示1
var a=-4>>2;
window.alert(a);//显示-1
</script>
</head>
<body></body>
</html>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总