《学习笔记》-- 温故而知新

2022-07-1 第二小组 宋雨 学习笔记

html三大件：HTML，CSS，JS

1. 初识 JavaScript (JS)

• 什么是JavaScript： JavaScript是一种编程语言，脚本语言，是依赖于某种容器来运行的。
• 如何引入JavaScript：
  ①、 网页内嵌式，就是写在HTML网页中的JavaScript代码。
  ②、 外部引入式：就是通过 <scrpit src=""></scrpit> 标签来引入外部的JavaScript。

2. JavaScript 的简单数据类型

• 数字（number）：整数，正数，小数，负数。
• 字符串（string）：a~~~z 、A~Z，中文，特殊字符等等。
• 布尔型（boolean）：true，false。
• 空（null）：就是一个空的数据类型
• undefined（未定义的）：未定义的。

3. JavaScript如何定义变量

• var 关键字：var 可以定义任意类型的数据，不管是常量还是变量他都可以定义。（不推荐使用）
• let 关键字：let关键字一般用于定义变量，数据经常发生变动的一般用 let 来进行定义。(推荐)
• const 关键字：const一般用于定义常量，该数据一旦被定义就不可以再次进行修改了。(推荐)

4. JavaScript 的复杂数据类型

• 数组：数组是多个元素的集合。

1. 定义数组的三种方式：
   ①、let arr1 = Array()
   ②、let arr2 = new Array()
   ③、let arr3 = [1,2,"Hello world",null,undefined]

• 函数：函数是我们要做某件事情而写的一些逻辑代码的集合，函数分为有参函数，无参函数，又返回值函数，午饭绘制函数。他们是可以组合的，例如：有参的无返回值函数等等。
  函数的定义：

function 关键字 +  函数名->(随便起，但最好见名知意)  +   (参数一, 参数二...) + { 函数体 }

function   add (num1,num2){

	console.log(num1+num2);
	return num1 + num2;
	
}

• 判断逻辑：流程控制 理论上来说if else 是可以进行无限嵌套的。
  if else 语句

语法格式： if （条件表达式）｛
	正确的时候要执行的代码
｝else｛
	错误的时候要执行的代码
｝

示例：
if（a < b）{
	console.log("a要大于b")
}else {
	console.log("a要小于b")
}

switch cash 语句

语法格式：
switch（表达式｛最后是一个结果｝）｛
		case 选项1：
					要执行的代码；     （ 巧妙地使用 break 可以让你的 switch case 变得更加的灵活）
					break;						（break 是可有可无的，很据自己的需要进行添加）
		case 选项2：
					要执行的代码；
					break;
		default ：(以上都没有匹配上才会执行)
					要执行的代码；
					break;
｝

示例：
  switch (a) {
    case 10:
      console.log("优秀");
      break;
    case 20:
      console.log("非常优秀");
      break;
    default:
      console.log("优秀的不得了");
      break;
  }

switch case 的小应用：
题目：要求求出今天是今年的第几天？

function isRun(year){
            if (year%400==0||(year%4==0&&year%100!==0)) {
                return true;
            }else{
                return false;
            }
        }
function Gonedays(year,month,day){
            switch (month) {
                case 12 : count += 30;
                case 11 : count += 31;
                case 10 : count += 30;
                case 9 : count += 31;
                case 8 : count += 31;
                case 7 : count += 30;
                case 6 : count += 31;
                case 5 : count += 30;
                case 4 : count += 31;
                case 3 : count += 28;
                    if (isRun(year)){
                        count++;
                    };
                case 2 : count += 31;
                case 1 : count += day;
                break;
            }
            console.log(year+"年"+month+"月"+day+"日"+"过了"+count+"天");
        }
        Gonedays(2000,3,11);

如何选择使用if else 还是使用 switch case呢？：

1. 当需求为区间范围，switch case 基本无法使用
2. if else 基本上啥都能干
3. switch case 效率更高（前提是在 case后面的值为定值的情况下，如果是变量的情况下效率不一定有if else 快）。
4. 当需求为固定值，且值不多，一般会使用 switch case
5. 能用 switch case 解决的问题 经量不要使用 if else

相似点：

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

不同点：

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

• for 循环函数

语法格式：
for(初始条件 ; 判断条件 ;  循环条件) ｛
	循环执行的内容
｝

示例： 返回数组中的最大值的下标
let arr = [1,0,2,3,5,4,6,9,8];
let count = 0;

function f(max) {
      for (let i = 0; i < arr.length; i++) {
        let index = -1;
        if (max === arr[i]){
          index = i;
        }
      }
      return index;
    }

• for in 函数： 只能进行遍历操作，局限性太大，不推荐使用。
• while 函数：

语法格式：
while（循环条件）｛
	循环要执行的代码；
	必须包括循环条件  (为了结束循环)
｝

示例：
let a = 1;
while (a<10){
    console.log(a);
    a++;
  }

• do while 是由 while 延伸而来的，区别就是不论什么条件 ，do中的代码都会执行一次。

语法格式：
do｛  （ do 中的代码不管while的条件是否成立，他最少会执行一次）

	循环要执行的代码；             
	必须包括循环条件  (为了结束循环)
｝while（循环条件）

示例：
let a = 1;

do{
    console.log(a);
    a++;
  }while (a<10)

5.三元运算符

语法格式：
			条件表达式 （必须要得到一个boolean的结果）？表达式1 ：表达式2
			
			如果前面的表达式为 true的话，就会选取表达式1的值，否则相反。
示例：
a = 10  b = 20
a > b ? a : b   的结果为 20

总结： 经过一天的学习，我对JavaScript有了比原来更加深刻的理解，印象更加的深刻了，使用函数和复杂数据类型比原来更加熟练了。又是充实的一天！