js 基础 第五天

JavaScript 函数

函数的概念

函数：就是封装了 一段可以被重复调用执行的代码块。通过代码块可以实现大量代码重复使用

函数的使用

分为两步

//声明函数

function 函数名(){
    // 函数体代码
}
//调用函数
函数名();//通过函数名来执行函数体代码  一定不能忘记添加小括号
// 函数不调用，自己不执行

• function 是声明还是的关键字，必须小写
• 由于函数一般是伪类实现某个功能才定义的，所有通常我们将 函数名 命名为动词

函数的封装

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

    // 声明函数
    function getSum() {
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            sum += i;
        }
        console.log(sum);
    }
    // 调用函数
    getSum();

函数的参数

形参和实参

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

形参：形式上的参数 函数定义的时候 传递参数 当前并不知道是什么 (形参可以看做不用声明的变量)

实参：实际上的参数 函数调用的时候 传递参数 实参是传递给形参的

funcrion 函数名(形参1，形参2...{// 在声明函数的小括号里面是 形参 （形式上的参数）
             
             }
函数名(实参1，实参2...)；/// 在函数调用的小括号里面是实参(实际的参数)
形参和实参的执行过程

形参是接受实参的 aru = ‘酸辣土豆丝’ 形参类似于一个变量

函数的参数可以有，也可以没有个数

参数的作用

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

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

• 如果实参的个数和形参一致 测正常输出结果
• 如果实参的个多余形参的个数 会去到形参的个数
• 如果实参的个数小于形参的个数 多余的形参定义为 undefined 最终的结果就是 nan

函数的返回值

函数的返回值格式

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

函数名()
// 我们函数知识实现某种功能，最终的结果需要返回给函数的调用者函数名() 通过 return 实现
// 只要函数遇到return 就把后面的结果 返回给函数的调用者 函数名() = return 后面的结果

function getReult(){
    return 6666;
}
getReult(); // 相对于 getReult() = 666 

返回值注意

• return 反正值只能返回一个
• 函数没有 return 测返回 undefined

arguments

通俗的讲 当我们形参不确定个数的时候 可以用 arguments

arguments的东西也是个对象，而且是一个特殊的对象，它的属性名是按照传入参数的序列来的，第1个参数的属性名是’0’，第2个参数的属性名是’1’，以此类推，并且它还有length属性，存储的是当前传入函数参数的个数，很多时候我们把这种对象叫做类数组对象。类数组对象和数组都是对象这个妈生的，但是数组是大哥比类数组对象多了很多其他的玩具(方法)，类数组对象只是长得很像数组的弟弟而已。