07.Javascript函数

Javascript函数

• 能说出为什么需要函数
• 能够根据语法书写函数
• 能够根据需求封装函数
• 能够说出形参和实参的传递过程
• 能够使用函数的返回值
• 能够使用arguments获取函数的参数

函数的概念

在js里面可能会定义非常多相同代码或者功能相似的代码，需要大量重复使用，
就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用

//函数使用分为两部：声明函数 和 调用函数
1.声明函数
function 函数名（）{
	//函数体
}
function sayHi(){
	console.log('hi~~')
}
//	(1)function 声明函数的关键字 全部小写
//	(2)函数是做某件事情，函数名一般是动词
//	(3)函数不调用，自己不执行
2.调用函数
函数名();

函数的使用

封装和调用

• 函数的封装是吧一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
• 简单理解：封装类似于将电脑配件整合组装到机箱中（类似快递打包）

封装案例
    //利用函数计算1-100之间的累加和
    //1.声明函数
    function getSum(){
        var sum = 0;
        for (var i = 1;i<=100;i++){
            sum +=i;
        }
        console.log(sum);
    }

	//2.调用函数
    getSum()

时刻小提问

• 1.函数是做什么的（作用）？
• 2.声明函数用什么关键词？
• 3.如何调用函数
• 4.封装是什么意思？

函数的参数

利用函数的参数实现函数重复不同的代码
多个参数之间用逗号隔开
形参可以看做是不用声明的变量

//在声明函数的小括号里面是形参（形式上的参数）
function 函数名(形参1,形参2){

}
函数名(实参1,实参2...)//在函数调用的小括号里面是实参(实际的参数)

参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。
//形参是接收实参的，就等于实参赋值给形参
//函数没调用，声明不执行

函数形参和实参个数不匹配的问题

形参和实参的个数一致，则正常输出结果
形参多实参少就会返回NaN（多的形参会被定义为undefined，任何数字加undefined都是NaN）
形参少 实参多就会按顺序套用

函数的返回值

函数内部不应该有输出语句，函数结果应该返回给调用者

return语句可以实现这个需求

函数返回值语法格式
function 函数名 (){
	return 需要返回的结果;
}
函数名();返回给调用者
//1.函数只是实现某种功能，最终结果需要返回给函数的调用者，通过return实现
//2.只要函数遇到return，就把后面的结果 返回给函数的调用者 函数名() = return后面的结果

return返回值注意事项
1.return后面的代码不会被执行
2.return值能返回一个值，如果有多个值，返回的结果是最后一个值
3.函数如果有return，则返回的是return后面的值，如果函数没有return，则返回undefined（函数必须要有返回值）

break，continue，return的区别

break:结束当前的循环体，如（for、while）
continue：跳出本次循环，继续执行下次循环（for、while）
return：不仅可以退出循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码

---

argument的使用

当我们不确定有多少个参数换地的时候，可以用arguments来获取，在js中arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象，存储了传递的所有实参

• arguments展示形式是一个伪数组，因此可以遍 历，伪数组具有以下特点：
  • 具有length属性
  • 按索引方式存储数据
  • 不具有数组的push，pop等方法