其他分享
首页 > 其他分享> > 20220711第三组张立学习笔记

20220711第三组张立学习笔记

作者:互联网

知识点:
JavaScript是什么?JS
编程语言。脚本语言。依赖于某种容器来运行。
浏览器来解释执行。

编程语言的分类:
1.解释型:JS Python
2.编译型:C++,C#
3.半解释半编译:Java

JS是运行在浏览器上的,可以帮助我们去控制页面。
vue.js react.js jquery.js angular.js
nodejs前端的服务器语言

JS解释器:
火狐:spidermonkey
Chrom、node:v8
Safari:JavaScriptcore
edge:chakra

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)使用数组函数

函数:
定义一个函数,用来执行一系列代码。
函数定义以后,不会自己执行的。需要我们手动调用函数

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

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

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

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

逻辑判断,流程控制
夹杂着去讲运算符

JS的一个原理解析:
所有的非空的变量都会被解析成1->true

判断:
1、if...else

三元运算符(三目运算符):
语法是固定的,只能有一个条件,两个选项

+号的特殊性:
除了可以进行加法计算之外,连接符。
如果先入为主的认定+号为连接符,那它就一直是连接符

/ %:可以进行类型转换,如果转不了,结果为NaN(not a number)
逻辑判断:
1.if...else:
语法:
if(条件表达式){
要执行的代码;
}else{
要执行的代码;
}
if...else结构和多重if结构有什么区别?

if...else是可以嵌套的,可以无限嵌套,原则上要求不超过3层。

switch..case结构:
语法:
switch(表达式){
case 选项1:
要执行的代码;
break;
case 选项2:
要执行的代码;
break;
....
default:
要执行的代码;

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

怎么选?
1、当需求为区间范围时,switch...case根本无法使用。
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、数据类型(数组)
3、变量的定义和声明 var let const
4、3种弹窗
5、函数*****
6、return的作用
7、变量的作用域
8、运算符
9、typeof isNaN
10、三元运算符
11、流程控制语句,两个流程控制之间的互相配合嵌套关系*****

掌握情况:理解

标签:第三组,case,20220711,...,张立,JS,switch,返回值,else
来源: https://www.cnblogs.com/damecss/p/16472471.html