我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道JavaScript语言运算符与表达式方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
学习JavaScript语言的人都知道它有这着丰富的程序运算符和表达式,下面我就用运算符结合表达式做一个简单试验演式下它们的用途。顺序是我先介绍运算符在介绍表达式然后用一个代码案例演示用法。
JavaScript运算符
JavaScriipt有5种运算符
1、算术运算符;
2、比较运算符;
3、赋值运算符;
4、逻辑运算符;
5、条件运算符;
我们这次试验只用上了两种运算符,一个是“算术运算符”一个是“赋值运算符”其它的运算符这回用不上,所以为了求简求易适合初学者先不介绍,以后用上时在给大家详细介绍。
算术运算符:
算术运算符很好理解,就是JavaScript语言中用来处理算术问题用的,如下表。
| 运算符 | 描述 | 例子 | 结果 |
|---|---|---|---|
| + | 加 | x=y+2 | x=7 |
| - | 减 | x=y-2 | x=3 |
| * | 乘 | x=y*2 | x=10 |
| / | 除 | x=y/2 | x=2.5 |
| % | 求余数 (保留整数) | x=y%2 | x=1 |
| ++ | 累加 | x=++y | x=6 |
| -- | 递减 | x=--y | x=4 |
表达式
在JavaScript中,常见的表达式有4种:
赋值表达式;
算术表达式;
布尔表达式;
字符串表达式;
初学阶段我们只要知道有这4种表大式就可以了,现在这个试验只用上一种表达式“赋值表达式”。其它用不上,另的以后在讲。
赋值表达式分为2种:
简单赋值运算和复合赋值运算。
简单赋值运算:
赋值运算是将赋值运算符“=”右边表达式的值保存到左边的变量中。
i=1;j=i;
复合赋值运算:
结合了其他操作(如算术运算操作)和赋值操作。
a=a+b;//简单赋值运算;
a+=b;//复合赋值运算,等价于a=a+b;
| 运算符 | 例子 | 等价于 | 结果 |
|---|---|---|---|
| = | x=y | x=5 | |
| += | x+=y | x=x+y | x=15 |
| -= | x-=y | x=x-y | x=5 |
| *= | x*=y | x=x*y | x=50 |
| /= | x/=y | x=x/y | x=2 |
| %= | x%=y | x=x%y | x=0 |
下面的JavaScript代码案例就是结和了上面的运算符和表大式写的。
JavaScript运算符结合表达式
代码案例
<html>
<body>
<script>
var x=8;
var y=8;
var z=8+8;
document.write("X的值"+ "<br>");
document.write(x+"<br>");
document.write("Y的值"+ "<br>");
document.write(y+ "<br>");
document.write("Z=X+Y的值"+ "<br>");
document.write(z=x+y+"<br>");
document.write("请关注微信公众号:design-Rabbit ");
</script>
</body>
</html>
(代码1)
我们先不要管代码1是怎么回事,这个试验只是演示用的。运行代码1,就可以看到图1效果,如果不会代码的运行方法可以看我以前写的Html5教程或CSS教程,找到运行方法。
(图1)
大家看到图1中的效果,给X赋值8,然后在给Y赋值8,用Z存放X加Y的值,z的值=16。这个就是JavaScript语言中的赋值表达式结合运算符的效果。看到图1的这个效果我们这次的试验就成功了。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html