09-JS函数入门总结

JS函数简单入门知识点总结

1.1 函数的概念

函数：为完成一个操作任务而组合在一起的的语句组，实现了程序的三大逻辑(顺序、分支和循环)

1.2 函数的作用

减少重复的代码，方便后续的调用；

提高代码的可重用性和可维护性

1.3 函数的定义与调用

1.3.1 函数的定义

function functionName(参数列表){
    //实现功能的函数体，即逻辑语句

    //return返回值，可以不返回
    return 返回值;
}

1.3.2 函数的调用

一般函数的调用(有函数名的函数)

函数名(参数);

匿名函数的调用，以自执行函数为例:

(async function () {})();

函数的调用都需要加()

2 常见的数组函数

push
添加元素到数组的末尾位置

let src = [];
src.push(1);
//可以同时push多个元素
src.push(1, 2, 3);

unshift
添加元素到数组的起始位置

let src = [];
src.unshift(1);
//可以同时push多个元素
src.unshift(1, 2, 3);

pop
删除数组的最后一个元素

let src = [];
src.pop();

shift
删除数组的第一个元素

let src = [];
src.shift();

splice
删除数组元素

let src = [];
//fromIndex:从该位置开始删除元素
//count:要删除元素的个数
//replaceElement:要替换删除元素的元素（多个，超出删除个数也会继续替换）
src.splice(fromIndex, count, replaceElement...);

join

拼接数组元素为一个字符串

let src = [];
//用-连接数组的各个元素
console.log(src.join('-'));

reverse

反转数组的元素

let src = [];
//反转数组的元素，会改变原数组
console.log(src.reverse());

concat

拼接数组

let src = [];
//拼接数组，返回一个新数组，不改变原数组
console.log(src.concat([]));

forEach

遍历数组

let src = [];
src.forEach(element => console.log(element));

find

查找数组的元素,返回查找到的元素

let src = [];
src.find(element => {condition});

findIndex

查找数组的元素下标,返回查找到的元素下标，没有 找到返回-1

let src = [];
src.findIndex(element => {condition});

sort

排序

let src = [];
src.sort((prev, next) => {condition});

filter

按照指定的条件过滤数组的元素,返回数组

let src = [];
src.filter(element => {condition});

reduce

化归，把数组的元素集中处理，返回一个值,用于求数组和、平均值、最值

let src = [];
//求和
src.reduce((prev, next) => prev + next, [初始值]);
//找最大值
src.reduce((prev, next) => prev > next ? prev : next);
//另外一种方法
Math.max.call(src);

map

映射器，把数组中的每个元素按照特定的方式转换成另一个元素，然后返回这个元素，这个函数返回一个数组

let src = [];
//求和
src.map(element => {condition});

some

判断数组中是否有元素满足指定条件，只要有一个元素满足条件，就返回true

let src = [];
src.some(element => {if any element satisfy condition return true});

every

判断数组中是否有元素满足指定条件，只要有一个元素满足条件，就返回true

let src = [];
src.every(element => {if all element satisfy condition return true});

异步函数async

一般和await配套使用

(async function(){})()