运算符与表达式——免费JavaScript语言零基础极速入门

103 阅读3分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道JavaScript语言运算符与表达式方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

学习JavaScript语言的人都知道它有这着丰富的程序运算符和表达式,下面我就用运算符结合表达式做一个简单试验演式下它们的用途。顺序是我先介绍运算符在介绍表达式然后用一个代码案例演示用法。

JavaScript运算符

JavaScriipt有5种运算符
1、算术运算符;
2、比较运算符;
3、赋值运算符;
4、逻辑运算符;
5、条件运算符;

我们这次试验只用上了两种运算符,一个是“算术运算符”一个是“赋值运算符”其它的运算符这回用不上,所以为了求简求易适合初学者先不介绍,以后用上时在给大家详细介绍。

算术运算符:

算术运算符很好理解,就是JavaScript语言中用来处理算术问题用的,如下表。

运算符描述例子结果
+x=y+2x=7
-x=y-2x=3
*x=y*2x=10
/x=y/2x=2.5
%求余数 (保留整数)x=y%2x=1
++累加x=++yx=6
--递减x=--yx=4

表达式

在JavaScript中,常见的表达式有4种:
赋值表达式;
算术表达式;
布尔表达式;
字符串表达式;

初学阶段我们只要知道有这4种表大式就可以了,现在这个试验只用上一种表达式“赋值表达式”。其它用不上,另的以后在讲。

赋值表达式分为2种:

简单赋值运算和复合赋值运算。

简单赋值运算:

赋值运算是将赋值运算符“=”右边表达式的值保存到左边的变量中。

i=1;j=i;

复合赋值运算:

结合了其他操作(如算术运算操作)和赋值操作。


a=a+b;//简单赋值运算;

a+=b;//复合赋值运算,等价于a=a+b;

运算符例子等价于结果
=x=yx=5
+=x+=yx=x+yx=15
-=x-=yx=x-yx=5
*=x*=yx=x*yx=50
/=x/=yx=x/yx=2
%=x%=yx=x%yx=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