2022-07-11 第二小组 张鑫 学习笔记

实训第四天：JS

1.知识点：

JavaScript是什么 ？JS

编程语言，脚本语言，依赖于某种容器来运行
浏览器来解释执行

编程语言的分类

1.解释型：JS Python
2.编译型：C++ C#
3.半解释半编译：Java

Js是运行在浏览器上的，可以帮助我们去控制页面。
Js放在body标签的上方 可以外部引入js 

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.数组：一个变量对应多个值
（1）使用数组函数

2.函数（方法）

定义一个函数，用来执行一系列代码
函数定义以后，不会自己执行，需要我们手动调用函数
单词后跟小括号一定是函数（方法）

1.无参无返回值
2.无参有返回值
3.有参无返回值
4.有参有返回值

函数内部不可以再声明函数，但是可以调用函数.调用的方式和正常调用的方式相同

return除了可以返回结果，还可以终止函数的执行
开发中，尽量不要在return后面继续写语句

弹窗

实质上就是函数 \n 换行符，弹窗里的回车
1.alert:警告弹窗，没有返回值
2.confirm:带有确认和取消的弹窗,有返回值，点确定返回true,点取消返回false
3.prompt:带有一个文本框的弹窗，有返回值，就是文本框输入的内容

三元运算符

语法是固定的，只能有一个条件，两个选项

+号的特殊性：
除了可以进行加法计算之外，还可以做连接符；
如果先入为主的认定＋号为连接符，那它一直都是连接符；
- * / %可以进行类型转换，如果转不了，结果为NaN(not a number)

逻辑判断，流程控制

判断：

1.if...else

语法：if(条件表达式){
要执行的代码；
}else{
要执行的代码；
}
if...else是可以嵌套的，可以无限嵌套，原则上不超过3层

2.switch..case结构

语法：
switch(表达式){
case 选项1:
要执行的代码
case 选项2:
要执行的代码
...
default:
要执行的代码
}

当表达式的值在case中匹配成功，会执行对应的代码，但是停不下来，后面的代码会继续执行

3.选择问题

1.当需求为区间范围时，switch..case根本无法使用
2.if..else..基本什么都能干
3.switch..case效率高
4.当需求为固定值，且值不多，用switch..case
5.能用switch..case解决的不要用if..else

4.相似之处

1.几乎所有的switch..case都可以转化为if..else
2.default几乎相当于else
3.case几乎相当于if
4.都可以无限嵌套

5.不同之处

1.switch..case需要break
2.switch..case里面的选项可以杂乱无章

2.截图

总结：

今天学习了js，课上做了好几个小练习，感觉差距真的好大，自己绞尽脑汁想出来的方法总是很复杂，跟老师对比起来简直没有可比性，老师总是安慰我们没关系，但是压力真的好大啊，多亏了身边同学的帮助，每个人的思路也都不一样。真正自己亲手打代码是一种非常有成就感的过程，每次留题我都能锻炼自己的思考能力和动手能力。我会继续努力，这才是学习的冰山一角，1/30，加油！