函数 function
函数就是一个方法或者一个功能体函数就是把实现某个功能的代码放在一起进行封装,以后想要操作实现这个功能,只需要把函数执行即可 => ‘封装’ :减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)
- 洗衣机就是一个函数,生成洗衣机就是封装一个函数(把实现某些功能的代码封装进来),生产的时候,,不知道用户洗衣服的时候放什么水、衣服、洗衣液,我们需要提供出入口(提供的入口在函数中叫做形参,执行的时候放的具体的东西函数中叫做实参),洗完衣服需要能拿出来,洗衣机提供一个出口(在函数中叫做返回值:把安徽省农户处理后的结果能够返回给外面用)
- 创建函数
- 形参
- 返回值
- 执行函数
- 实参
- arguments
- 函数底层运行机制
创建函数
ES5 老方式: function [函数名](形参变量1,...){ 函数体:基于js完成需要实现的功能 return [处理后的结果]; } [函数名](实参1,...); //求两个数的和,算完和后乘以10,然后再除以2.。。 // sum 是函数名,代表这个函数本身, // sun()是让函数执行,代表的是函数执行返回的结果 // n/m 是形参,是变量 ,用来储存执行函数式传递的实参 function sum(n, m) { // n m 形参 进水口 let res = n + m; res *= 10; res /= 2; console.log(res); } sum(4, 6)// 4 6 实参
return
//==============函数中的返回值 // 函数执行的时候,函数体内部创建的变量我们是无法获取和操作的 /* function sum(n, m) { let res = n + m; //return 的一定是值:此处是吧res变量储存的值返回给外面; return res; } let A = sum(10, 250) console.log(A); */ /* function sum(n, m) { if (n === undefined || m === undefined) { // 函数体中遇到return,后面代码则不再执行了 return; } } */
匿名函数
// ==============匿名函数 // 匿名函数之函数表达式:把一个匿名函数本身作为值复制给其它东西,这种函数一般不是手动触发执行,,而且靠其它程序去东莞触发执行 // document.body.onclick = function () { }; // ===========自执行函数:创建完一个匿名函数,紧接着就把当前函数家小括号执行 (function (n) { })(1000);