32-函数的基础概念
函数 function
函数就是一个方法或者一个功能体，函数就是把实现某个功能的代码放到一起进行封装，以后想要操作实现这个功能，只需要把函数执行即可 =>“封装”：减少页面中的冗余代码，提高代码重复使用率（低耦合高内聚）
洗衣机就是一个函数，生产洗衣机就是封装一个函数（把实现某些功能的代码封装进来），生产的时候，不知道用户洗衣服的时候放什么水、衣服、洗衣液、我们需要提供出入口（提供的入口在函数中叫做形参，执行的时候放的具体东西函数中叫做实参），洗完衣服需要能拿出来，洗衣机提供一个入口（在函数中叫做返回值：把函数处理后的结果能够返回给外面用）
- 创建函数
- 形参
- 返回值
- 执行函数
- 实参
- arguments
- 函数底层运行机制
...
33-函数基础语法和形参的细节知识
创建函数
//=>ES5老方式
function [函数名]([形参变量1],...){
// 函数体：基于JS完成需要实现的功能
return [处理后的结果];
}
[函数名]([实参1],...);
// 求两个数的和 算完和后乘以10 然后再除以2
/*
* sum：函数名，代表这个函数
* sum()：让函数执行，代表的是函数执行返回的结果
* n/m：是形参，是变量，用来存储函数执行时传递的实参
* 10/20：是实参，传递给形参变量的值
*/
function sum(n,m) {
let result = n+m;
result *=10;
result /= 2;
console.log(result);
}
sum(10, 20); // =>150
形参的细节
创建函数的时候我们设置了形参变量，但如果执行的时候并没有传递给对应的实参值，那么形参变量默认的值是：undefined
function sum(n,m) {
let result = n + m;
result *=10;
result /= 2;
console.log(result);
};
sum(); //=>NaN： +号只有两个作用数学运算和字符串拼接，undefined不是字符串，undefined + undefined只能是数学运算 => NaN + NaN => NaN
sum(10); //=>NaN：10 + undefined => 10 + NaN => NaN
sum(10,20); //=>150
sum(10,20,30); //=>150 30没用
形参默认值处理
如果没有传递形参，给予一个默认值，这样就不会出现NaN了
在真实项目中，一般做一下形参默认值处理
function sum(n,m){
if(n === undefined){ // 一般不用这种写法
n = 0;
}
if(typeof m === "undefined"){ // 一般习惯用这种方法
m = 0;
};
// 以上两种写法都可以，但一般习惯第二种，不是所有人都习惯用绝对相等，如果用==，两种写法就不一样了，如下：
// if(n == undefined){ // n不一定是undefined，还有可能是null，如果传了null，不严谨
// n = 0;
// }
// if(typeof m == "undefined"){ // m一定是undefined，只有undefined检测出来是"undefined"
// m = 0;
// };
let result = n + m;
result *= 10;
result /= 2;
console.log(result);
};
sum(); //=>0
sum(10); //=>50
sum(10,20); //=>150
sum(10,20,30); //=>150
注：“==” 和 “===”
“==” 的比较规则：
先检查两个操作数的数据类型是否相同
如果相同，则比较两个数是否相等
如果不同，则先将两个数转换为相同数据类型，再进行比较
“===” 的比较规则：
先检查两个操作数的数据类型是否相同
如果相同，则比较两个数是否相等
如果不同，返回 false
关于null==undefined返回true
《JavaScript高级程序设计》(第三版)：实际上undefined值是派生自null值的，因此ECMA-262规定对他们的相等性测试要返回true
原文：https://www.zhihu.com/question/492004370/answer/2167439216
34-函数中的返回值
// ================函数中的返回值
// 函数执行的时候，函数体内部创建的变量，我们是无法获取的或者操作的，如果想要获取内部的信息， 我们需要基于RETURN返回值机制，把信息返回才可以。
function sum(n, m) {
let result = n + m;
return result; // 有没有这行 下面打印都会报错
}
sum(10, 20);
console.log(result); // => Uncaught ReferenceError: result is not defined
function sum(n, m) {
let result = n + m;
// return的一定是值，此处是把result变量存储的值返回给外面
return result; // return 30;
}
console.log(sum(10, 20)); //=>30 sum(10, 20)这个整体是30
let aa = sum(10,20); // 此处必有一个变量接收返回的值，才可以获取到sum函数内部result存储的值
console.log(aa);
// 如果没有写return，函数默认返回值是undefined
function sum(n, m) {
let result = n + m;
}
let aa = sum(10,20); // 此处必有一个变量接收返回的值，才可以获取到sum函数内部result存储的值
console.log(aa); // =>undefined
控制台输入console.log(1) 会出现1和undefined，原因是console.log是浏览器内置函数，加小括号()是把函数执行，执行的作用是把括号内的值在控制台内输出，undefined的原因是log这个函数没有返回值，默认返回值是undefined
=>1：log功能实现，输出值
=>undefined：log函数没有返回值，默认返回值undefined
function sum(n, m) {
if (n === undefined|| m === undefined) {
return; // 函数体中遇到return，后面代码则不再执行了（关联：循环体中遇到continue和break也会停止循环）
}
let result = n + m;
}
sum(10, 20);
return总结：
1、应用场景：执行完的结果或执行过程当中的某个值，拿到函数外面来用，此时需要返回值
2、返回的一定是值，不是变量，需要在外面接收一下，可以用变量来接收，一般是创建一个变量，等于函数执行的结果
3、如果函数没有写返回值，默认返回值undefined
4、函数体中遇到return，不一定是要返回返回值，是让后面代码不再执行
35-匿名函数
// ==========匿名函数
// 匿名函数之函数表达式：把一个匿名函数本身作为值赋值给其他东西（不一定是等号右边，比如设置定时器），这种函数一般不是手动触发（函数名+小括号）的，而是靠其他程序驱动触发执行（例如：触发某个事件的时候把函数执行）
document.body.onclick = function () {};
setTimeout(function(){},1000); //=> 设置定时器，1000MS后执行匿名函数，相当于把一个匿名函数本身作为值赋给定时器
// 匿名函数之自执行函数：创建完一个匿名函数，紧接着就把当前函数加小括号执行
(function (n) {
// n = 100
})(100); // 前面是创建一个匿名函数，并且要加小括号包起来不然报红线语法错误，紧接着加一个小括号将当前函数执行
