2022-07-11 第二小组张宁杰学记笔记

学习收获
今天学习了JavaScript，通过一天的学习，我们学习了JavaScript的基本概念、定义JS变量的方法、如何定义函数以及基本逻辑判断
知识点
什么是JavaScript？
编程语言（脚本语言）依赖于某种容器（浏览器）来运行，浏览器来解释执行，JS是运行在浏览器上的，可以帮助我们控制页面

编程语言的分类：
1.解释型JS Python
2.编译型C++,C#
3.半解释半编译Java
Vue,js react,js jquery,js angular,js，Node js 前端的服务器语言

JS解释器：
火狐：spidermonkey
Chrome、node：v8
Safari：JavaScriptcore
Edge：chakra

JS可以在哪里执行？写在网页的什么位置？
不成文的规定：JS放在结束body的前面（从外部引入）
JS的数据类型：
1.数字（number）：整数，正数，小数，负数
2.字符串（String）：a，中文，@
3.布尔型（boolean）：true（1） false（0）
4.空（null）：相对于声明了值为空
5.Undefined：未定义，没有值

定义变量：
开发中尽量减少使用字面量（有后期维护困难的问题）
在ES6（JS的新版本）中，新推出了两个词代替var：
1.Let：变量用let声明无法重复定义
2.Const：有let的特点const声明的变量就是常量
JS的复杂数据类型
数组：一个变量对应多个值
函数（方法）：
定义一个函数，用来执行一系列代码，函数定义以后，不会自己执行，需要我们手动调用函数
分类：
1.无参无返回值
2.无参有返回值
3.有参有返回值
4.有参无返回值
函数内部不可以再声明函数，但是可以调用函数，调用的方式和正常调用的方式相同。
Return除了可以返回结果，还可以终止函数的继续执行。开发中，尽量不要在return后写语句。

弹窗分类：
1.alert（警告弹窗）
2.confirm带有确认和取消的弹窗，有返回值，点击确认返回true。
3.prompt带有文本框的弹窗，返回值就是输入的内容
弹窗：实质上是函数\n，换行符，弹窗里的回车

流程判断：
通过运算符学习流程判断，所有非空的变量都会被解析成1->true

三元运算符（三目运算符）：
语法是个固定的，只能有一个条件，两个选项
+号的特殊性
除了可以进行加法计算以外，还可以作为连接符使用
如果先入为主的认定+为连接符，那它就是连接符
-*/%：可以进行类型转换，如果转换不了，结果为NaN

逻辑判断：
1.if…else
语法：if(条件表达式){要执行的代码}else{要执行的代码}
If…else结构和多重if结构
If…else是可以嵌套的，可以无限嵌套，原则上要求不超过三层
Switch…case结构：
语法：
2.Switch(表达式){
Case选项1:
要执行的代码
Case选项2:
要执行的代码
…
Default:
要执行的代码
}
当表达式的值在case中匹配成功，会执行对应的代码，但是停不下来，后面的代码会继续执行

怎么选择if...else和switch...case？
1.当需求为区间范围时，switch无法使用
2.If…else…基本上什么都能干
3.Switch…case效率高
4.当需求为固定值，且值不多，用switch…case
5.能用switch...case解决的不要用if…else
相似之处：
1、几乎所有的switch…case都可以转化为if…else
2、Default几乎相当于else
3、Case几乎相当于if
4、嵌套
不同之处：
1、switch需要break
2、switch里面的选项可以杂乱无章

总结：
1、JS的引入，应该写在什么位置
2、JS的数据类型（数组）
3、变量的定义和声明
4、三种弹窗的含义，返回值是什么
5、函数
6、Return的作用
7、变量的作用域
8、运算符
9、Typeof isNaN
10、三元运算符
11、流程控制语句，两个流程控制之间的互相配合嵌套关系