2022-07-11 第十小组 房雪莹 学习笔记

今天学习了js，不是很懂，大概能懂一些，但没有全懂。今天的测试也还可以

今天的笔记：

js是什么？
编程语言(javascript)，脚本语言，依赖于某种容器来运行
浏览器来执行
编程语言的分类：
1.解释型：JS Python
2.编译型：c++
3.半解释半编译：Java

JS是运行在浏览器上的，可以帮助我们去控制页面。
vue.js react.js iquery.js
node.js前端的服务器语言
JS 解释器：
火狐：spidermonkey
Chrom、node：v8
：JavaScriptcore
JS 可以写在网页的什么位置：
JS 中在</body>上方写script（不成文的规定）
js有个属性叫alert
js引入也用script，就这一个标签

JS的数据类型:
1.数字（number）：整数，正数，小数。。。。 （在引号里的数字就是字符串，不带引号是数字)
2.字符串（string）：a，中文，@
3.布尔型（boolean）：用来进行判断的，true(1)，false(0)
4.空（null）
5.undefined：未定义，没有值

定义变量

开发中尽量减少使用字变量，后期维护困难
使用var
在ES6（js的新版本）中新推出两个词代替var
1.let：变量用let声明，无法重复定义的（一般都用let） let是赋值
2.const：有let的特点，const声明的变量就是一个常量
JS的复杂数据类型：
1.数字：一个变量对应多个值
（1）使用数组函数

函数：定义一个函数用来执行一系列代码。单词后面带小括号的就是函数除了if（）
定义函数以后，不会自己执行的，需要我们手动调用函数
1.无参无返回值
2.无参有返回值
3.有参有返回值
4.有参无返回值
函数内部不可以在声明函数，但是可以调用函数，调用的方式和正常 的调用方式相同

return除了有返回值的作用 还有一个结束函数继续执行的作用
开发中，尽量不要在return后面继续写语句

弹窗：

1.alert：警告弹窗，没有返回值
2.confirm：带有确认和取消的弹窗，有返回值的，点击确定，返回true，点击取消，返回false
3.prompt：带有文本框的弹窗，有返回值，就是文本框里的内容
\n,\t,\r弹窗里的换行符（br是网页的回车，\n是弹窗里的换行）

重点（有应用题，eg：计算器，点餐）
逻辑判断，流程控制
夹杂着会讲运算符
JS原理解析，所有非空的变量都会被解析为1，true

三元运算符
语法是固定的，只能有一个条件，两个选择
加号的特殊性：
除了可以进行加法运算，还可以将两个连接起来
如果先入为主的认定+为连接符，那他就是一直是连接符
- * % /:可以进行类别转换，如果算不了则出现NAN

判断：
1.if....else：
语法：if(条件表达式){
要执行的代码；
}else{
要执行的代码；
}
if...else结构和多重if结构有什么区别
if..else结构一定互斥，if多重结构可以两个都走也可以都不走
if..else是可以嵌套的，可以无限嵌套，但原则上不超过3层
if+return可以实现if..else的功能

switch..case结构：
语法：
switch（表达式）{
case 选项1:
要执行的代码；
break
case 选项2:
要执行的代码；
.....
default:
要执行的代码；
}

只要满足其中一个，停不下来，下面的都出现，要想停下来只出现满足的那个就在要执行的代码下面加个break
return可以代替break前提是在函数中

 

怎么选？
1.当需求为区间范围时，switch根本不能用
2.if...else...基本上啥都能干
3.switch效率高
4.当需求为固定值，且值不多，switch..case
5.能用switch..case解决的不要用if..else
相似之处：
1.几乎所有的switch都可以转化为if..
2.default几乎相当于else
3.case几乎相当于if
4.嵌套
不同之处：
1.switch需要break
2.switch里面的选项可以乱放，但不要这么写

 

总结：
1.JS的引入，应该写在什么位置
2.JS 的数据类型
3.变量的定义和声明
4.3种弹窗
5.函数*****
6.return的作用
7.变量的作用域
8.运算符
9.typeof isNaN（是 不是一个数字？）
10.三元运算符
11.流程控制语句，两个流程控制之间的互相配合嵌套关系*****