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

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

显示结果![在这里插入图片描述](https://img-blog.csdnimg.cn/1b11518ffa554dd78c9440cd4ec8fd95.png#pic_center)  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/69cc92da180a40f4a65897ca40543998.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_15,color_FFFFFF,t_70,g_se,x_16#pic_center)  
 **赋值运算符**  
 常见赋值运算符：= 将等号右边的值赋予给左边, 要求左边必须是一个容器  
 其他赋值运算符：  
 +=(num=num+1可以简写成num+=1)  
 -=  
 \*=  
 /=  
 %=


**一元运算符**  
 根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符.  
 二元运算符：  
 例：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/816c5fadd678423a925a6ebe3f0db254.png)  
 一元运算符：  
 例： 正负号


**自增自减**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/4b9fc0b102804855bde3618e054cc52c.png)  
 拿自增举例,自减同理


![在这里插入图片描述](https://img-blog.csdnimg.cn/a992b52185374c11a082bc2c43b83754.png)  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a398341b83d941e6a98760ed323ec390.png)  
 两个单独使用,都是每执行一次,变量值+1


**但是参与运算有区别**  
 前置自增：先自加再使用（记忆口诀：++在前 先加）  
 后置自增：先使用再自加（记忆口诀：++在后 后加）


**比较运算符**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2ade0b7560c243c5909cf57af41a7c0b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_11,color_FFFFFF,t_70,g_se,x_16)  
 **注意:**  
 1.字符串比较，是比较的字符对应的ASCII码  
 2.NaN不等于任何值，包括它本身  
 3.尽量不要比较小数，因为小数有精度问题  
 4.不同类型之间比较会发生隐式转换


**逻辑运算符：**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/550d5a48f6c9410b8f60a57976b7f46d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_18,color_FFFFFF,t_70,g_se,x_16)  
 逻辑运算符里的短路  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/dce087ba9fa141d0a72cd5486869d03c.png)  
 原因：通过左边能得到整个式子的结果，因此没必要再判断右边  
 运算结果：无论 && 还是 || ，运算结果都是最后被执行的表达式值，一般用在变量赋值


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

**运算符优先级**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/365906b031364145a435c236ae0a422e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_17,color_FFFFFF,t_70,g_se,x_16)


### 二.语句


**• 分支语句  
 • 循环语句**


**程序三大流程控制语句**  
 写几句就从上往下执行几句，这种叫顺序结构  
 有的时候要根据条件选择执行代码，这种就叫分支结构  
 某段代码被重复执行，就叫循环结构  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b6c7b396a4e1409ebc6c46ebb05a7e8b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_14,color_FFFFFF,t_70,g_se,x_16)  
 **分支语句**


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


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

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

**双分支**

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

**多分支**

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

**三元运算**  
 一般用来取值  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/c5dec9f498bb46baa2633329b7593c72.png)  
 **switch语句**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/79c552abff8b4df3b5fbfadb5adb0f44.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_9,color_FFFFFF,t_70,g_se,x_16)  
 **释义：**  
 找到跟小括号里数据全等的case值，并执行里面对应的代码  
 若没有全等 === 的则执行default里的代码  
 例：数据若跟值2全等，则执行代码2


**注意:**


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


**循环语句:**


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


1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件  
 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a470a054ca7a497180429f37ae8e574d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5ZGY5Zyo57q_54KS5rKz57KJ,size_20,color_FFFFFF,t_70,g_se,x_16)  
 断点后,记得点**刷新页面**  
 出现这个,可以点击,看看代码接着往下运行的效果  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/e4b121100ce3405c85531e66e08806c6.png)


**while 循环**  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/7bb96047ac6849e1b5b3e3e353f4ff5d.png)  
 释义：  
 跟if语句很像，都要满足小括号里的条件为true才会进入执行代码  
 while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到  
 小括号判断条件，直到括号内条件不满足，即跳出


注意:  
 循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。  
 所以，循环需要具备三要素：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/650437d9c8ef4a2cae2f5547e809cb28.png)  
 举个例子,输出1-10

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

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

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

-CflDaOGl-1715795220003)]

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

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

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