菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 解婵-20221101-JS基础03 [打印本页]

作者: 美什么鱼 时间: 2022-11-23 21:54
标题: 解婵-20221101-JS基础03
JS基础-03

 1.死循环

1.1概念：

当循环条件永远为真，就会产生死循环，一般工作中，尽量避免

1.2运用场景：

运用场景：死循环主要用于后期随机数之类的实例

1.3可以造成死循环的操作

//第一种
for(;;){

}

//第二种
for(let i=0;true;i++){

}

//第三种
while(true){

}

2.终止循环语句---掌握

2.1作用

主要用于停止循环或者跳出循环

2.2语法

break:结束当前循环，并结束后面所有循环
continue:结束当前循环，继续下一次循环，只是跳过了当前这一次的循环

3.其他相关--了解

3.1 多分支语句

switch...case

default:else---默认

switch(变量){
 case 值1：
 变量全等于值1的时候，执行的代码块A;
 break;
 case 值2：
 变量全等于值1的时候，执行的代码块B;
 break;
 case 值3：
 变量全等于值1的时候，执行的代码块C;
 break;
 ......
 default:
 以上条件都不满足时，执行的代码块;
 break;
}
default在最后时，default后的break可省略

switch与if之间的区别

1.switch case后面的值与变量是全等的关系
2.if 条件判断可以是一个具体的值的比较，也可是一个范围

 3.2while与do.....while循环

1. while循环
 while(循环条件){
 循环体；
 更新循环变量；
}
 let i=1；
while (i<=10){
 console.log(i);
 i++
}
2.do...while 循环
 初始循环变量；
do{
 循环体；
 更新循环变量；
}while(循环条件)

 let i=1;
do {
 console.log(i);
 i++
}while(i<=10);

while循环与do...while循环之间的区别

1.do...while 不去判断，先去执行一次，之后再去进行判断
2.while 循环总是先判断然后再确定是否要执行循环体

4.函数----[重重点]

 4.1概念

函数（功能，方法）就是针对代码进行封装（打包），封装的代码总是能完成指定的功能---可复用性

4.2特点

1.函数不会制动调用，需要手动调用

2.函数可以多次使用

4.3作用

1.减少代码的冗余（重复代码）

2.方便后期的维护以及更新

4.4函数的定义【重点】

分类

1.系统函数（内置函数）
2.自定义函数（自己写的函数）---重点

函数的定义方式---重点

方式一：声明式
 通过关键字 function 来指定只一个函数
函数声明，必须式指定函数名

语法：
function 函数名(){
 函数体----打包的代码；
}
 通过函数的名字进行执行，如果多次执行，多次调用
函数名()；

方式二：表达式
 把一个匿名函数（没有函数名）赋值给一个变量

语法;
 let/const/var 函数名=function(){
 函数体----打包的代码；
}
 通过函数的名字进行执行，如果多次执行，多次调用
函数名（）；

 //1.声明式：
 function fn1() {
 for (let i = 0; i < 10; i++) {
 console.log(i);
 }
 }
 //2.表达式
 let fn2 = function () {
 for (let i = 0; i < 10; i++) {
 console.log('i', i);
 }
 }
 //函数调用
 fn1();
 fn2();

两种声明方式的区别----[面试题]

1.声明式：function，可以在定义函数的前面进行调用

2.表达式：let/var/const,只能在定义函数的后面调用

函数的参数---【重点】

概念：函数的参数，只是一个占位符，主要我们用来接收调用时传入的具体数据，相当于在函数的内部定义了一个局部变量

语法：
定义:
//声明式
function 函数名(形参1，形参2.....){

}
//表达式
let 函数名=function(形参1，形参2.....){

}
调用：
函数名 (实参1，实参2，.....);

 //需求：使用函数的方式，实现任意两个数比较大小，输出最大值
 let a = 10;
 let b = 20;
 if (a >= b) {
 console.log(a);
 } else {
 console.log(b);
 }

 //封装
 //定义函数
 function fn(a, b) {
 if (a >= b) {
 console.log(a);
 } else {
 console.log(b);
 }
 }
 //调用
 fn(10, 9);
 fn(-10, 100);
 fn(100, 200);

 //优化
 function fn(a, b) {
 let max=a>b? a:b;
 console.log(max);
 }


 //需求，三个任意数比较大小，输出最大值
 let a = 10, b = 20, c = 30;
 if (a >= b && a >= c) {
 document.write(a, ' ');
 } else if (b >= a && b >= c) {
 document.write(b, ' ');
 } else if (c >= a && c >= b) {
 document.write(c, ' ');
 }
 //封装
 function fn(a, b, c) {
 if (a >= b && a >= c) {
 document.write(a, ' ');
 } else if (b >= a && b >= c) {
 document.write(b, ' ');
 } else if (c >= a && c >= b) {
 document.write(c, ' ');
 }
 }
 //调用
 fn(1, 2, 3);
 fn(-1, -2, -3);
 fn(1, -2, 30);

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)