2022-07-11 第三小组 高佳誉 学习笔记
JS基础技术（1）
重点
- 数据类型。
- 运算符。
- 判断语句。
- 函数。
知识点
1. 基础语法。
一：变量
1. 变量的声明
（1）. var变量：var 变量名 = 值;
（2）. let变量：let 变量名 = 值;
（3）. const变量：const 变量名 = 值;
2. 变量的作用域
（1）. 全局作用域：代码中任何地方都能访问到
（2）. 局部作用域：在固定的代码片段内可访问到
3. 变量提升：变量在声明之前就访问，var会使用默认值undefined，而let会直接报错。
二：运算符
1. 算数运算符：加(+)，减(-)，乘(*)，除(/)，求余(%)
2. 赋值运算符：=，+=，-=，*=，%=
3. 关系运算符：>，<，>=，<=，==(只比较值)，!=，===(值和数据类型都比较)
4. 逻辑运算符：[&&，||](只有左侧满足才计算右侧)，！,[&，|](不管左侧结果如何，都要计算右侧)
5. 三目运算符：(表达式) ? 值1，值2；
三：流程控制语句
1. 条件分支语句：if语句，switch语句
2. 循环语句：while循环，do while循环，for循环，for-in循环
点击查看代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript实例</title>
</head>
<body>
<h3>测试JavaScript的输出</h3>
<div id="did">div层</div>
</body>
<script>
//弹出⼀个信息提示框
window.alert("Hello JavaScript!");
//输出到浏览器⻚⾯中
document.write("这个是⻚⾯中的输出");
//通过写⼊HTML标签中，完成⻚⾯中的输出
document.getElementById('did').innerHTML="div层中的输出";
//控制台上的输出
console.log("控制台上的输出");
</script>
</html>
2. 数据类型。
一：原始类型(基本类型)：值不可变(原始值)
1. Undefined类型：只有一个值undefined，表示未初始化或未声明的变量，因此我们应该对变量显示的初始化(不要是undefined)
2. Null类型：只有一个值null，表示一个空指针对象，因此我们应该将保存对象的变量初始化为null
3. Boolean类型：只有true和false两个值
4. Number类型：表示所有的数值类型，数值范围在(Number.MIN_VALUE~Number.MAX_VALUE)之间，超出范围会自动转化为
[-+]Infinity(无穷)，NaN是一个非数值
5. String类型: 表示一个字符串，其他类型可以使用toString方法转为字符串
6. Symbol类型：表示一个符号，符号类型是唯一的并且是不可修改的
二：引用类型：值可变
1. 概念：引用类型是一种数据结构，用于将数据和功能组织在一起
2. 常见引用类型：对象（Object）、数组（Array）、函数（Function）、正则（RegExp）和日期（Date）等
点击查看代码
typeof "zhangsan" // 返回 string
typeof 3.14 // 返回 number
typeof NaN // 返回 number
typeof true // 返回 boolean
typeof [10,20,30,40] // 返回 object
typeof {name:'lisi', age:20} // 返回 object
typeof new Date() // 返回 object
typeof function(){} // 返回 function
typeof myCar // 返回 undefined (如果 myCar 没有声明)
typeof null // 返回 object
3. 控制语句
if 语句 - 只有当指定条件为 true 时，使⽤该语句来执⾏代码
if…else 语句 - 当条件为 true 时执⾏代码，当条件为 false 时执⾏其他代码
if…else if…else 语句 - 使⽤该语句来选择多个代码块之⼀来执⾏
switch…case 语句 （不写break会有穿透的效果）- 使⽤该语句来选择多个代码块之⼀来执⾏
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 1. Switch...case 的效率问题；case后面必须是字面量（常量）
2. 不能强行用Switch -->
<script>
// 给一个年月日
let year=2022;
let month=7;
let day=11;
function panduanrunnian(year) {
if(year%4==0&&year%100!=0||year%400==0){
return 29;
}
else{
return 28;
}
}
function dijitian(year,month,day) {
let count=0;
switch (month) {
case 1:
count=day;
break;
case 2:
count=day+31;
break;
case 3:
count=day+panduanrunnian(year)+31;
break;
case 4:
count=day+panduanrunnian(year)+62;
break;
case 5:
count=day+panduanrunnian(year)+92;
break;
case 6:
count=day+panduanrunnian(year)+123;
break;
case 7:
count=day+panduanrunnian(year)+153;
break;
case 8:
count=day+panduanrunnian(year)+184;
break;
case 9:
count=day+panduanrunnian(year)+215;
break;
case 10:
count=day+panduanrunnian(year)+245;
break;
case 11:
count=day+panduanrunnian(year)+276;
break;
case 12:
count=day+panduanrunnian(year)+306;
break;
default:
break;
}
return count;
}
console.log(year+"年"+month+"月"+day+"日是"+year+"年的第"+dijitian(year,month,day)+"天");
</script>
</body>
</html>
掌握程度
大部分的知识点都已经掌握，但是三种控制语句最适合使用的情况和函数相关知识掌握的很模糊。自我建议：重新观看回放，整理知识点。
收获
软件开发之路是充满荆棘与挑战之路，也是充满希望之路。JavaScript学习也是如此，没有捷径可走。所有的人都期盼成功，但是并不是每个人都会为走向成功全力以赴。人们在渴望成功的同时，也渴望能够少一分努力，多一分收获。而事实上要获取真正的成功，每个人都必须经历艰辛。无论你出身豪门，还是出身寒舍，你都不得不接受这样一个事实:成功没有捷径可走，只有顽强的意志与坚持不懈的奋斗才能带你走向成功。
学习效果展示
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话