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.三元运算符