javascrip

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 结果就为false
2.||:或//一个为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)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值