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.流程控制语句,两个流程控制之间的互相配合嵌套关系*****