函数就是一个方法或者一个功能体,函数就是把实现某个功能的代码放到一起进行分装,以后想要操作实现这个功能,只需要把函数执行即可=>"封装 ":减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)
洗衣机就是一个函数,生产洗衣机就是封装一个函数(把实现某些功能的代码封装进来),生产的时候,不知道用户洗衣服的时候放什么水、衣服、洗衣液,我们需要提供出入口(提供入口在函数中叫做形参,执行的时候放的具体东西函数中叫做实参),洗完衣服需要拿出来,洗衣机提供一个出口(在函数中叫做返回值:把函数处理后的结果能够返回给外面用)
- 创建函数
- 形参
- 返回值
- 执行函数
- 实参
- arguments
- 函数底层运行机制
- …
创建函数
//ES3-ES5老方式
function[函数名]([形参变量1],...){
//函数体:基于JS完成
return [处理后的结果];
}
//执行
[函数名]([实参1],...);
//求两个数的和,算完后乘以10,然后再除以2.。。
let n = 10 + 10;
n = n * 10;
n = n / 2;
//sum代表函数名,代表函数本身
//sum()是让函数执行,代表的是函数执行返回的结果
//n、m是形参,是变量,用来存储执行函数时传递的实参
function sum(n, m) {
let res = n + m;
res *= 10;
res /= 2;
//return res;
console.log(res);
}
//12、13是传递给形参变量的值(实参)
sum(12, 13);
//=======================形参的细节=================
/*
创建函数的时候,设置形参变量,但执行的时候并没有传递对应的实参值,那么形参变量默认值是:undefined
*/
function sum(n, m) {
//形参默认值处理:如果没有传递形参,给予一个默认值
if(n===undefined){
n=0;
}
//常用
if(typeof m==='undefined'){
m=0;
}
let res = n + m;
res *= 10;
res /= 2;
//return res;
console.log(res);
}
sum(); //NaN
sum(12); //NaN
sum(10,20); //30
sum(10,20,30); //30
//========================函数中的返回值======================
//函数执行的时候,函数体内部创建的变量,外部是无法获取和操作的(闭包:作用域),如果想要获取内部的信息,必须基于return返回值机制,把信息返回才可以
function sum(n, m) {
if(n===undefined || m===undefined){
//函数体中遇到return后面代码不再执行
return;
}
let result=n+m;
console.log(result);
//return是把result变量存储的值返回给外面
//没有写return,函数默认返回值是undefined
return result;
}
console.log(sum(10,20));