函数 function
函数就是一个方法或者一个功能体,函数就是把实现某个功能的代码放到一起进行分装,以后想要操作实现这个功能,只需要把函数执行即可 =》“封装”:减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)
洗衣机就是一个函数,生成洗衣机就是封装一个函数(把实现某些功能的代码封装进来),生产的时候,不知道用户洗衣服的时候放什么水、衣服、洗衣液,我们需要提供入口(提供的入口在函数中就叫做形参,执行的时候放的具体东西函数中叫做实参),洗完一度需要能拿出来,洗衣机提供一个出口(在函数中叫做返回值:把函数处理后的结果能够返回给外面用)
- 创建函数
+形参
+返回值 - 执行函数
+实参 - arguments
- 函数底层运行机制
创建函数
function [函数名] ( [形参变量1],....){
//函数体:基于JS完成需要实现的功能
return [ 处理后的结果]
}
设置了形参单数没有传参输出的值是undefined
函数执行的时候,函数体内部创建的变量我们是无法获取的
function sum(n,m){
let result=n+m;
}
sum(10,20);
consloe.log(result);//Uncaught ReferenceError: consloe is not defined
需要基于return返回机制,把信息返回才可以
function sum(n, m) {
//return的一定是值:此处是吧result变量存储的值返回给外面
let result = n + m;
return result;//=>return 30
}
let AA=sum(10,20);
console.log(AA);
//没有写return,函数默认返回值是undefined
function sum(n, m) {
//return的一定是值:此处是吧result变量存储的值返回给外面
let result = n + m;
}
let AA=sum(10,20);
console.log(AA);//=>undefined
匿名函数
//匿名函数之函数表达数:把一个匿名函数本身作为一个值赋值给其他东西
//这种函数一般不是手动触发执行,而是靠其他程序驱动触发执行(例如:触发某个事件的时候触发它执行)
document.body.onclick = function() {}
document.body.onclick = function() {}
setTimeout(function(){},1000);//=>设置时间定时器,1000ms后执行匿名函数
//匿名函数之自执行函数:创建完一个匿名函数,紧接着就把函数加一个小括号执行
(function(n){})(100);
函数的底层运行机制
arguments函数内置的实参集合
任意数求和(执行函数的时候,传递N个值实现求和)