2022-07-12 第四小组孙翰章 JS学习笔记-CSDN博客

本文链接：https://blog.csdn.net/LionelSunhz/article/details/125790716

JS

1.switch...case

switch...case的效率问题case后面是字面量（常量），效率才高不要强行用switch switch里的break是可选的

2.函数的命名

函数的命名规则小驼峰式例如 getDays( )

3.循环（4种）

（1）for循环

let i = 0;初始化条件，当i = 0是，循环开始，只有在初始化时执行一次

i < 10;判断条件，会和初始化条件配合循环执行，决定循环什么时候停止

循环体循环在重复做什么事情

I++ 循环条件，每次循环体执行完毕让i产生变化

#面试题：for循环的执行步骤上面四步

　　　　　　 a:i可以看作是一个局部变量

　　　　　　b:循环条件可以根据实际情况更改

　　　 c:修改循环条件要切合实际

　　　　　　 d:尽量避免死循环

（2）for in 语句

能做的事情比较少只能遍历

for循环与while循环的区别

for循环	while循环
每个初始化条件都是单独的	初始化条件不好控制
循环条件都是隔离的	循环条件不好控制
	写函数时，返回值便于管理

（3）while循环

let a = 10;初始化条件

a < 100 循环判断条件

打印输出循环体

a++ 循环条件

#while循环执行流程：

　　　　a:初始化条件

　　　　b:判断条件

　　　　c:执行循环体

　　　　d:自增

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

while循环	do while循环
如果条件不成立一次都不走	无论条件是否成立先执行一次再判断

（4）do while循环　　

let a = 10 初始化条件

do 做什么事

log 循环体

a > 100 判断条件

a++ 循环条件

4.JS内置函数

（1）Array:

a:concat()连接

b:join()设置分隔符连接数组为一个字符串

c:pop()删除最后一个元素

d:sort()排序：从小到大排序

（2）Global:

(1)isNaN():判断一个字是不是数字

(2)parseFloat():把一个整数换成小数

(3)parseInt():把一个小数取整

(4)number():把一个值转换成number类型

(5)string():把其他类型转换成字符串

（3）String:

(1)charAt():取出指定位置的字符

(2) indexOf():判断指定位置的字符是否存在

(3) lastindexOf():从后往前找

(4) replace():替换字符串

(5) split():根据-去拆分字符串，得到一个数组

(6) substring():字符串的截取

4.抓取元素：

（1）传统方法

根据id抓取HTML元素

let div1 = document.getElementById("div1");

console.log(div1);

根据class抓取HTML元素,得到的是一堆元素

let divs = document.getElementsByClassName("div1");

console.log(divs[0]);

根据标签抓取HTML元素,得到的是一堆元素

let divs = document.getElementsByTagNameNS("div");

console.log(divs[0]);

（2）新方法

a.根据选择器去抓取一个

let div = document.querySelector('.div');

console.log(div);

b.根据选择器去抓取全部元素

let divs = document.querySelectorAll('div');

console.log(divs[0]);

时间就是当我们和HTML标签交互式产生的行为
onclick	单击事件
ondblclick	双击事件
onblur	失去焦点
onfocus	获得焦点
onchange	改变
onload	加载
当设置了对应事件之后，会执行目标函数点击按钮就弹出一个弹窗