函数~~~

1  函数的使用

分为两步：声明函数和调用函数

1.1  声明函数

function 函数名（）{
        函数体
}
function sayHi（）{
    console.log('hi~~')
}

（1）function声明函数的关键词 全部小写

（2）函数是做某件事情，函数名一般是动词，比如getSum

（3）函数不调用自己不执行

1.2  调用函数

函数名();
sayHi();

调用函数的时候千万不要忘记加小括号

注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码

1.3  函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

1.4  利用函数计算1-100之间的累加和

1.声明函数

function getSum(){
    var sum = 0;
    for(var i = 1; i <= 100; i++){
        sum += i;
    }
    console.log(sum);
}

2.调用函数

getSum();
getSum();

 2.  函数的参数

2.1  形参和实参

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参

 参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去

 

2.2  带参数的函数

1.函数可以重复相同的代码

function cook(){
    console.log('酸辣土豆丝');
}
cook();
cook();

2.我们可以利用函数的参数实现函数重复不同的代码

function 函数名(形参1,形参2...){  //在声明函数的小括号里面是 形参 （形式上的参数）
}
函数名(实参1,实参2...);  //在函数调用的小括号里面是实参（实际的参数）

3.形参和实参的执行过程

function cook(aru){  //形参是接受实参的 aru = '酸辣土豆丝'形参类似于一个变量
    console.log(aru);
}
cook('酸辣土豆丝');
cook('大肘子');

4.函数的参数可以有，也可以没有个数不限 

2.3  利用函数求任意两个数的和

function getSum(num1, num2){
    console.log(num1 + num2);
}
getSum(1, 3);
getSum(3, 8);

2.4  利用函数求任意两个数之间的和 

function getSums(start, end){
    var sum = 0;
    for(var i = start; i <= end; i++){
        sum += i;
    }
    console.log(sum);
}
getSums(1, 100);
getSums(1, 10);

3.注意点

（1）多个参数之间用逗号隔开

（2）形参可以看做是不用声明的变量

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

 2.6  函数形参和实参个数匹配问题

function getSum(num1, num2){
    console.log(num1 + num2);
}
//1.如果实参的个数和形参的个数一致 则正常输出结果
getSum(1, 2);
//2.如果实参的个数多于形参的个数  会取到形参的个数
getSum(1, 2, 3);
//3.如果实参的个数小于形参的个数  多于的形参定义为undefined  最终的结果就是NaN
//形参可以看做是不用声明的变量  num2是一个变量但是没有接受值  结果就是undefined
getSum(1);  //NaN
//建议  我们尽量让实参的个数和形参相匹配

 2.7  小结

·函数可以带参数也可以不带参数

·声明函数的时候，函数名括号里面的是形参，形参的默认值为undefined

`调用函数的时候，函数名括号里面的是实参

·多个参数中间用逗号分隔

·形参的个数可以和实参个数不匹配，但是结果不可预计，我们尽量要匹配

3.  函数的返回值

1.函数是做某件事或者实现某种功能

function cook(aru){
    console.log(aru);
}
cook('大肘子');

2.函数的返回值格式

function 函数名(){
    return 需要返回的结果;
}
函数名();

 （1）我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名（）通过return实现的

（2）只要函数遇到return就把后面的结果 返回给函数的调用者  函数名（）= return后面的结果

3.代码验证

function getResult(){
    return 666;
}
getResult();  //getResult() = 666
console.log(getResult());

function cook(aru){
    return aru;
}
console.log(cook('大肘子'));

 4.求任意两个数的和

function getSum(num1, num2){
    return num1 + num2;
}
console.log(getSum(1, 2));

3.1  return语句 

函数将值返回给调用者，通过使用return语句就可以实现

3.1.1  利用函数求两个数的最大值

function getMax(num1, num2){
    // if (num1 > num2){
    //     return num1;
    // } else {
    //     return num2;
    // }
    return num1 > num2 ? num1 : num2;
}
console.log(getMax(1, 3));
console.log(getMax(11, 3));

3.1.2  利用函数求数组【5,2,99,101,67,77】中的最大数值

function getArrMax(arr){ //arr接受一个数组
    var max = arr[0];
    for (var i = 1; i <= arr.length; i++){
        if(arr[i] > max){
            max = arr[i];
        }
    }
    return max;
}
//getArrMax([5,2,99,101,67,77]); //实参是一个数组送过去
//在我们实际开发里面，我们经常用一个变量来接受函数的返回结果 使用更简单
//var re = getArrMax([5,2,99,101,67,77]);
var re = getArrMax([3,77,44,99,143]);
console.log(re);

 3.2  函数返回值注意事项

1.return终值函数

function getSum(num1, num2){

    return num1 + num2;  //return后面的代码不会被执行
    alert('我是不会被执行的哦！')
}
console.log(getSum(1, 2));

2.return只能返回一个值

function fn(num1, num2){
    return num1, num2;  //返回的结果是最后一个值
}
console.log(fn(1, 2));

3.我们求任意两个数的加减乘除结果

function getResult(num1, num2){
    return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
}
var re = getResult(1, 2);  //返回的是一个数组
console.log(re);

4.我们的函数如果有人return 则返回return后面的值，如果没有return 则返回undefined

function fun1(){
    return 666;
}
console.log(fun1());  //返回666
function fun2(){

}
console.log(fun2());  //函数返回的结果是undefined

 3.3  return的返回值

return只能返回一个值。如果用逗号隔开多个值，以最后一个为准

3.4  函数没有return返回undefined

函数都是有返回值的

1.如果有return则返回return后面的值

2.如果没有return则返回undefined

3.5  break，continue，return 的区别

·break ：结束当前的循环体（如for、while）

·continue ：跳出本次循环，继续执行下次循环（如for、while）

·return ：不仅可以退出循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码

4.  arguments的使用

 

5.  函数的两种声明方式 

1.利用函数关键字自定义函数（命名函数）

function fn(){

}
fn();

 2.函数表达式（匿名函数）

//var 变量名 = function() {};
var fun = function(aru){
    console.log('我是函数表达式');
    console.log(aru);
}
fun('pink老师');

（1）fun是变量名  不是函数名

（2）函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值 而 函数表达式里面存的是函数

（3）函数表达式也可以进行传递参数