JS函数

一、函数的理论知识

1.什么是函数

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

2.理解

        将需要的程序，封装定义在一个 函数 里

        通过 调用函数 调用 对应的程序

3.优点

        封装定义一次 可以 多次调用，减少冗余的代码

        有更好的 可操作性 和 可维护性

二、函数的使用

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

1.声明函数

    通过关键字 function 声明

//声明式函数
function 函数名称() {
     函数体;
}

//赋值式函数/匿名函数
//使用变量名称 作为 函数名称
var 变量 = function(){}  

2.调用函数

//声明式函数 和 赋值式函数 调用语法式完全相同的
//调用方式：
函数名称();
变量名称();

3.举例

//声明式函数
function person() {
    console.log('王昭没有君啊');
}

//调用：
person();
//赋值式函数
var lastPerson = function() {
    console.log('王昭没有君啊');
}
lastPerson();

执行结果：

三、函数的参数

1.参数

概念：

      函数执行时，函数程序和程序员友好交流沟通的方式

理解：

      函数执行时，外部输入的数据

function(形参1,形参2,...) {

}

函数名(实参1,实参2,...);

形参：

    定义在函数封装时 函数()中的 内容，可以是一个或多个，也可以没有

    本质上 是定义在一个变量 ，只需要定义函数名称

    函数会自动执行 声明定义变量，默认只是声明变量没有对变量赋值

    没有正确赋值的变量，默认存储数据 underfined 

实参：

    定义在函数调用时 函数()中的 数据，可以是一个或多个，也可以没有

    本质上 是将 数据数值 赋值给 形参存储

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

//在定义形参时，也可以同时给形参赋值默认值
//也就是sex这个形参在声明定义时，默认值是 男
//如果sex 没有赋值 形参sex 存储使用 默认值 男
//如果sex 执行赋值 形参sex 存储赋值的是实参数据
//因为实参的赋值顺序，带默认值得形参 一般定义在函数参数的末尾
function person(name,age,sex = '男') {//形参是接收实参的 name = '荒天帝' 形参类似于一个变量
    console.log(name);
    console.log(age);
    console.log(sex);
}
person('荒天帝',30);//实参

执行结果：

四、函数的返回值

通过 关键词 return 定义的 抛出函数封装之外的数据数值

1.函数的返回值格式：

        function 函数名(){

            return 需要返回的结果;

        }

函数名();

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

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

2.return的作用：

          1.终止函数程序的执行，return后面的代码不执行

          2.返回值

3.案例

function person(name,age,sex) {
    
    //console.log() 是函数程序的一部分
    //是调用函数程序 函数程序执行后的效果
    //不是函数程序的 执行结果 返回值
    console.log(name);
    console.log(age);
    console.log(sex);
}
var res = person('荒天帝',30,'男');
//没有 return 返回值，结果就是undefined
console.log(res);

执行结果:

没有 return定义 执行结果返回值的函数，调用执行函数的结果 都是 undefined，那么我们就来定义一个return 返回值，看看函数的执行效果

function person(name, age, sex) {

      console.log(name);
      console.log(age);
      console.log(sex);

      return `${name},${age},${sex}`;
}

var res = person('荒天帝', 30, '男');
console.log(res);