JS高级-知识点一

箭头函数

//语法：
let test = (参数) => {函数体}

对比
（以前的函数）function func1(num1){
    return num1 +100;
}
(箭头函数)
const func2 = (num1) => num1 + 100;
num1为形参 
num1 + 100为返回值

1.没有形参、没有返回值、业务只有一行代码  大括号都可以省略
const func3 = () => console.log('执行业务1')

2.只有一个形参、没有返回值、业务只有一行代码，小括号可以不写
const func4 num => console.log(num+1)
const func4 (num) =>console.log(num+1)

3.两个或者多个参数（括号不能省略）、没有返回值、业务只有一行代码
const func5 = (a,b) => console.log(a+b)

4.没有形参，有返回值 业务两行代码
const func6 = () => {
	let a =100
	return a+100
}

5.没有形参，有返回值，业务一行代码
const func7 = () => {
	return 100 + 200
}
  没有形参、有返回值，业务一行代码 等价上述写法
const func7 = ()=> 100+200 

数组常见方法

forEach

arr.forEach
//数组里的每个元素都执行一次回调函数   类似以前的for forEach高阶函数(可以接收一个形参-函数)，不可以用break打断

map

arr.map()
//map通过指定函数处理数组的每个元素,并返回处理后的数组   类似函数遍历

filter

arr.filter()
//过滤数值元素，并返回符合条件所有元素的数组。

every

arr.every()
//要求数组中每个元素都满足条件 返回true
//如果空数组调用了every.得到结果也是true     类似逻辑与&&

some

arr.some()
//检测数组 其中只要有一个符合条件，some返回true
//some最少有一个符合即可						类似逻辑非||

伪数组转真正数组

方法：  const newArr = [...dom数组]
... =>这个是获取剩下 数组