2022-07-12 吉林化工学院 第一组 韩嘉宁 学习笔记（JavaScript篇）

Java Script

编程语言。脚本语言。依赖某种容器来运行，赋予功能，由浏览器解释执行。JS是运行在浏览器上并帮助控制页面。
规定：JS放在结束标签的上方

数据类型

1、数字（number）：整数，正数，负数，小数......

2、字符串（string）：

3、布尔型（boolean）：true false

4、空（null）（声明的值为空）

5、undefined：未定义（没有值）

定义变量(尽量减少字面量的应用)

var：变量用var申明，重复定义不会报错，故不推荐使用

var a = 10；

let：变量用let声明，无法重复定义的

 let a = 10；

const：声明定义常量，并不能更改

 const a = 1; 

Java复杂数据类型

数组：

一个变量可一对应多个值

创建一个数组
 let arr = [1,2,3,4];

函数：

定义函数并执行一定程序,函数定义后需调用执行

定义函数
function hello(){
        console.log("我是Hello函数");
        let v1 = 10;
        console.log(v1 + 5);

    }
调用函数
hello();

函数有：
1.无参无返回值

2.无参有返回值

3.有参无返回值

4.有参有返回值
函数内部不能再次声明函数但可以调用其他函数，调用方式和正常调用方式相同

 function add(){
        let num1 = 10;
        let num2 = 20;
        //带有返回值的函数
        return num1 + num2;

    }
    //接受返回值
    console.log(add());
    //带参数的函数
    //给参数赋值
    function  sub(num1,num2){
        return num2 - num1;//return作用：返回值 终止程序
    }

逻辑判断，流程控制

JS原理解析：

任何一个非空的值都被默认解释为true

逻辑判断：

if……else……

        if（//条件表达式）{
          //执行的流程
    } else if（//条件表达式）{
      //执行的流程
  }      else//排除上面的情况{
      //执行的流程
}

三元运算符：

语法格式：条件表达式 ？ 表达式1 ：表达式2

+号特殊性：可当连接符 ，其他算术符可转换，如果先入为主的认定+号为连接符则会丧失运算能力

        function getMax(num1,num2){
        return num1 > num2 ? num1 : num2;
    }

switch-case结构：

switch(表达式){
        case 选项1:
            执行语句1
        case 选项2:
            执行语句2
            ……
           default //以上情况之外:
            执行语句

1、当需求为区间范围时，switch....case根本无法使用

2、switch....case效率高

3、能用switch..case解决的不要用if..else

4、swith....case效率问题 case后面是字面量（常量）

与if……else……相似之处：

1.几乎所有switch...case都可以转化成if...else

2.default几乎相当于else

知识点总结：

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

2.数据类型

3.变量的定义和说明 var let const

4.三种弹窗：aret prompt （带文本框 有返回值）

5.******函数

6.return作用

7.变量的作用域（全局变量、局部变量）

8.运算符

9.typeof isNaN（是 不是）

10.三元运算符