javascrip
计算年龄案例
1.先声明变量,弹出一个输入框(prompt),这是让用户输入出生年份的!2.哪一个变量保存起来,然后用今年的年份减去变量值,就可以得到结果
3.弹出警示框(alert),把计算结果输出
![计算年龄案例](https://img-blog.csdnimg.cn/20210330104044176.png#pic_center)
简单加法器
![简单加法器](https://img-blog.csdnimg.cn/20210330105147594.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)1.首先要先声明两个值,和一个输入框prompt();
2.然后要把两个值相加,但是注意要给这两个值给转换成数字型,不然得出来的是字符型;
3.最后弹出警示框(alert);
![简单算法器](https://img-blog.csdnimg.cn/20210330105450749.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
![转换布尔型](https://img-blog.csdnimg.cn/2021033011140068.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
语言的解读
![编译型语言和解释型语言](https://img-blog.csdnimg.cn/20210330111818351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)关键字
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330115958796.png#pic_center)保留字
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021033012001782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)标识符
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330120030391.png#pic_center)算术运算符
就是加减乘除还有余数![算数运算符](https://img-blog.csdnimg.cn/20210330152925936.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
表达式和返回值
表达式:是由数字。运算符,以及变量来求值 简单来说就是由数字,运算符,变量等组成的式子!返回值
返回值就是表达式计算出来的返回值:1+1=2 //2就是表达式的返回值![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330153425237.png#pic_center)递增运算符
++num前置递增,就是自加1,类似于num=num+1,但是++num写起来更加单![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330154314390.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330154341696.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
后置递增
1.前置自增和后置自增如果单独使用 效果是一样的2.后置自增 口诀:先返回原值 后自加1
var age = 10; console.log(age++ + 10);输出的结果为//21
console.log(age)输出的结果为//11
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330164937550.png#pic_center)在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330165502358.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
比较运算符概述
是两个数据进行比较时用的运算符,比较后会返回一个布尔值,就是判断结果true/false![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330171832891.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330171857277.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330171914523.png#pic_center)
逻辑运算符
1.&&:与//一个false 结果就为false2.||:或//一个为true 结果就为true
3.!:非//不是true就是false
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330173728599.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330174026239.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
逻辑与
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330175807436.png#pic_center) 第一个是假的则不运算/输出第一个数值/如果第一个是真的就继续输出第二个数值/!逻辑或
第一个是真的则不运算/输出第一个数值/如果第一个是假的就继续输出第二个数值/! var num =0;console.log(123||num++);num不做运算所以不可以自增
console.log(num);输出结果为0//我们输出的是num不是123所以结果为0
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330180946732.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330181210111.png#pic_center)
赋值运算符
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330194602422.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,siz![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330194626341.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center) e_16,color_FFFFFF,t_70#pic_center)![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330194719571.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)
运算符优先级
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330200315408.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)![在这里插入图片描述](https://img-blog.csdnimg.cn/20210330200337437.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021033020034851.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center)