七天学完JavaScript基础语法 (day02)_7 分钟掌握 javascript 核心语法

img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取

优先级
乘、除、取余优先级相同
加、减优先级相同
乘、除、取余优先级大于加、减
使用 () 可以提升优先级
总结: 先乘除后加减,有括号先算括号里面的

练手
计算圆的面积

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 准备一个弹窗,接收输入的半径
        let r = prompt('请输入圆的半径:')
        // 计算圆的面积
        let result = 3.14 * r * r
        // 显示到浏览器上
        document.write(`圆的面积是:${result}`)
    </script>
</body>
</html>

显示结果在这里插入图片描述
在这里插入图片描述
赋值运算符
常见赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器
其他赋值运算符:
+=(num=num+1可以简写成num+=1)
-=
*=
/=
%=

一元运算符
根据所需表达式的个数,分为一元运算符、二元运算符、三元运算符.
二元运算符:
例:
在这里插入图片描述
一元运算符:
例: 正负号

自增自减
在这里插入图片描述
拿自增举例,自减同理

在这里插入图片描述
在这里插入图片描述
两个单独使用,都是每执行一次,变量值+1

但是参与运算有区别
前置自增:先自加再使用(记忆口诀:++在前 先加)
后置自增:先使用再自加(记忆口诀:++在后 后加)

比较运算符
在这里插入图片描述
注意:
1.字符串比较,是比较的字符对应的ASCII码
2.NaN不等于任何值,包括它本身
3.尽量不要比较小数,因为小数有精度问题
4.不同类型之间比较会发生隐式转换

逻辑运算符:
在这里插入图片描述
逻辑运算符里的短路
在这里插入图片描述
原因:通过左边能得到整个式子的结果,因此没必要再判断右边
运算结果:无论 && 还是 || ,运算结果都是最后被执行的表达式值,一般用在变量赋值

代码例子:判断一个数是4的倍数,且不是100的倍数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let num = prompt('输入一个数')
        console.log(num %4 === 0 && num % 100 !== 0)
    </script>
</body>
</html>

运算符优先级
在这里插入图片描述

二.语句

• 分支语句
• 循环语句

程序三大流程控制语句
写几句就从上往下执行几句,这种叫顺序结构
有的时候要根据条件选择执行代码,这种就叫分支结构
某段代码被重复执行,就叫循环结构
在这里插入图片描述
分支语句

If分支语句
三元运算符
switch 语句

if语句有三种使用:单分支、双分支、多分支
单分支

if(条件){
            满足条件要执行的代码
        }

双分支

if(条件){
            满足条件要执行的代码
        }else{
            不满足条件执行的代码
        }

多分支

if(条件1){
            满足条件要执行的代码1
        }else if(条件2){
            代码2
        }else if(条件2){
            代码3
        }
        // 可以继续写多个
        else{
            代码
        }

三元运算
一般用来取值
在这里插入图片描述
switch语句
在这里插入图片描述
释义:
找到跟小括号里数据全等的case值,并执行里面对应的代码
若没有全等 === 的则执行default里的代码
例:数据若跟值2全等,则执行代码2

注意:

  1. switch case语句一般用于等值判断,不适合于区间判断
  2. switch case一般需要配合break关键字使用 ,没有break会造成case穿透

循环语句:

讲一下断点调试:
作用:学习时可以帮助更好的理解代码运行,工作时可以更快找到bug
浏览器打开调试界面

  1. 按F12打开开发者工具
  2. 点到sources一栏
  3. 选择代码文件
    断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来
    在这里插入图片描述
    断点后,记得点刷新页面
    出现这个,可以点击,看看代码接着往下运行的效果
    在这里插入图片描述

while 循环
在这里插入图片描述

img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取

cQ8xUGMx-1715795294140)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取

  • 18
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值