黑马pink-JavaScript笔记（8）：函数

1.什么是函数

函数就是封装了一段可以被重复执行调用的代码块，目的就是让大量代码重复使用

2.函数使用

// 函数使用分为两步： 声明函数 和 调用函数
// 1. 声明函数
// function 函数名() {
//     // 函数体
// }
// function 声明函数的关键字 全部小写
function sayHi() {
   console.log('hi~~');

}

// 2. 调用函数
// 函数名();
sayHi();
// 调用函数的时候千万不要忘记加小括号

3.函数封装

封装：打包

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

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

getSum();

4.函数的参数

4.1 实参和形参

// 我们可以利用函数的参数实现函数重复不同的代码
// 定义时：function 函数名(形参1,形参2...) { }// 在声明函数的小括号里面是形参 （形式上的参数）
// 使用时：函数名(实参1,实参2...); // 在函数调用的小括号里面是实参（实际的参数）

// 形参和实参的执行过程
function cook(aru) { // 形参是接受实参的  aru = '酸辣土豆丝' 形参类似于一个变量
    console.log(aru);

}
cook('酸辣土豆丝');
cook('大肘子');
//函数的参数可以有，也可以没有，个数不限

4.2 函数形参实参个数匹配

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

5.函数返回值

5.1 格式

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

5.2 注意事项

1.return终止函数

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

2.只能返回一个值

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 后面的值，如果函数么有 return 则返回undefined
function fun2() {

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

5.break,continue,return

• break：跳出当前循环
• continue：跳出本次循环
• return：不仅可以退出循环，还能够返回return语句中的值，同时可以结束当前函数体

6.arguments的使用

当我们不确定有多少个参数传递的时候，可以使用arguments来获取，JavaScript中arguments实际上是当前函数的一个内置对象。所有函数都（只有函数才）内置了一个arguments对象，其中以一个伪数组形式存储了传递的所有实参。伪数组并不是真正意义上的数组，因为：

• 具有数组的length属性
• 可以按照索引的方式进行存储
• 它没有真正数组的一些方法 pop() push() 等等

7.一些案例

// 利用函数求任意个数的最大值
function getMax() { // arguments = [1,2,3]
    var max = arguments[0];
    for (var i = 1; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    return max;
}
console.log(getMax(1, 2, 3));
console.log(getMax(1, 2, 3, 4, 5));
console.log(getMax(11, 2, 34, 444, 5, 100));

// 利用函数翻转任意数组 reverse 翻转
function reverse(arr) {
    var newArr = [];
    for (var i = arr.length - 1; i >= 0; i--) {
        newArr[newArr.length] = arr[i];
    }
    return newArr;
}
var arr1 = reverse([1, 3, 4, 6, 9]);
console.log(arr1);
var arr2 = reverse(['red', 'pink', 'blue']);
console.log(arr2);

// 利用函数冒泡排序 sort 排序
function sort(arr) {
    for (var i = 0; i < arr.length - 1; i++) {
        for (var j = 0; j < arr.length - i - 1; j++) {
            if (arr[j] > arr[j + 1]) {
                var temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = temp;
            }
        }
    }
    return arr;
}
var arr1 = sort([1, 4, 2, 9]);
console.log(arr1);
var arr2 = sort([11, 7, 22, 999]);
console.log(arr2);

// 利用函数判断闰年
function isRunYear(year) {
    // 如果是闰年我们返回 true  否则 返回 false 
    var flag = false;
    if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
        flag = true;
    }
    return flag;
}
console.log(isRunYear(2000));
console.log(isRunYear(1999));

8.其他内容

• 函数可以互相调用

function fn1() {
    console.log(111);
    fn2();
    console.log('fn1');
}

function fn2() {
    console.log(222);
    console.log('fn2');
}
fn1();    //结果为  111  222  fn2  fn1

• 函数的两种声明方式

// 1. 利用函数关键字自定义函数(命名函数)
function fn() {

}
fn();

// 2. 函数表达式(匿名函数) 
// var 变量名 = function() {};
var fun = function(aru) {
    console.log('我是函数表达式');
    console.log(aru);
}
fun('pink老师');
// fun是变量名 不是函数名  
// 函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值 而 函数表达式里面存的是函数
// 函数表达式也可以进行传递参数
// 匿名函数不能写递归