20220711 第二小组罗大禹学习笔记

1、重点：

1. 函数
2. 流程控制语句

2、知识点(理解)

JS的引入，应该写在什么位置

写在哪里都可以执行，但不成文规定，JS放在结束body标签的上方

可以外部引入JS

数据类型（理解）

	1 、数字（numbe）：整数，正数，小数，负数n

	2、字符串（string）：a（英文），中文，@（符号）

	3、布尔型（boolean）{判断}：true（1）	false（0）

	4、空（null）：相当于声明了值为空

	5、undefined：未定义

变量（理解）

  1. 变量的定义和声明
  // number类型
        var num1 =1;
  // 字符串类型
        var num2 = '你好';
  //布尔类型
        var num3 = true;
  // 空
        var num4 = null
  // underfined(未定义)
        var num5;
  // 加引号会把变量变成字面量
        var num2 = '你好';
   2. 声明变量的方法
        1、var：变量用var声明是可以重复定义的，是可以修改变量的值的
	1、let：变量用let声明是无法重复定义的，是可以修改变量的值的
	2、const：有let的特点，const声明的变量就是一个常量（不可以修改变量的值的）

  3.修改变量的值 
  若上面已经声明了，下面
  可直接改动声明而不用写var或let
  若var声明重复，会遵循就近原则
        var v1 = 10;
        // 修改变量的值
        v1 = 11;

函数（理解）
定义一个函数，用来执行一系列代码
函数定义后，不会自己执行，需要我们手动调用函数

<script>
        // 全局变量
        let qq = 10
        // 定义函数  体即{}
        // function(函数) 见文知义，建议函数名写英文或者拼音
        // js中一个英文单词后面跟着小括号，一定是函数
        // 作用域：起作用的区域（函数中的变量只在函数中有用，出了函数没用了）
        function hello() {
            // 局部变量
            // let qq =10
            // console.log(qq + 5);
        }
        function add() {
            let num1 = 10;
            let num2 = 20;
            // console.log(num1 + num2)
            // 带有返回值的函数
            return num1 + num2;
        }
        // 调用函数 
            // let result = add()
            // console.log(result)
            // 简写
            // console.log(add())

            // 带有参数的函数
            // 给参数赋值  在调用的时候赋值
            function sub(num1,num2) {
                return num1 - num2;
            }
            // let result = sub(200,100);
            // console.log(result)
            function start() {

            }

            function end() {
                console.log("函数");
                // return除了有返回值的作用
                // 还有一个结束函数执行的作用，即return后的函数不会被执行
                return;
                console.log("123");
            }
    </script>

运算符（了解）

1、算术运算符 + - * / %(取余，取模)
+号的特殊性：
	除了可以进行相加外，还可以作为链接符。
	如果先入为主的认定+号为连接符，那么就不能
	/  - * %：是可以进行类型转换的，若转换不了，结果为NaN（not a number）
2、赋值运算符 = += -+ *= /=
3、比较运算符（得到的类型是boolean类型） > < >=(大于等于) <=(小于等于) !=(不等于) ==(等于)  ===（完全相同，类型也相同）
4、逻辑运算符（得到的类型是boolean类型） 与或非
      与 并且 且 && 一假即假
      或 或者 || 一真即真
      非 !  a真!a即假

三元运算符 (三目运算符)（理解）
语法是固定的，只能有一个条件，两个选项
语法格式:
条件表达式 ? 表达式1 : 表达式2
流程控制语句（了解）

1、if...else:
  if...else...和多重if有什么区别。
  if...else...一定会输出一个值，而多重if可能不会有输出值
  if...else...是可以嵌套的，可以无限嵌套。原则上要求不超过3层
  语法：if（条件表达式）{
	       要执行的代码；
	}else{
	      要执行的代码；
	}
2、switch..case结构：
  当表达式的值在case中匹配成功，会执行对应的代码，但是停不下来，后面的代码会继续执行,加了break后会停下来
  语法
  switch(表达式){
       case选项1 :
        		要执行的代码
                break
       case选项2 :
        		要执行的代码
                break
       ......
       default:
       			要执行的代码
       }
相似之处：
  1、几乎所有的switch...case都可以转化为if...else...
  2、default几乎相当于else
  3、case几乎相当于if
  4、都可以嵌套
不同之处：
  1、switch需要break
  2、switch里面的选项是可以杂乱无章的