JavaScript 如何定义及调用函数，如何写函数说明

在实际操作前，先来了解一下JavaScript 函数的一些概念，认识一下JavaScript 函数：

JavaScript 函数的基本概念

JavaScript 函数是实现固定功能的代码块。
函数是工具，是实现功能的工具。
函数是通过其中的代码，来实现所谓的功能。

函数的作用

封装： 将需要的代码，写入到函数中
重复： 一个函数可以反复调用
调用： 可以在任意需要位置上调用执行代码

函数的定义（封装）

语法

function 函数名称(函数的参数){
   
    函数的程序;
    return 内容;
}

名词解释

function    定义函数/封装 的关键词,作用类似于 关键词var 
            告诉计算机程序,我正在封装的是一个函数

函数名称     也就是这个函数的名称,之后调用函数时,是通过函数名称来调用函数,并且执行函数

函数的参数   执行函数时,输入给函数的数据信息

函数的程序   定义在{}中的程序,是函数执行时,调用的程序内容

return      定义函数的返回值，并且会终止之后函数程序的执行

实例

// 函数的封装/函数的定义
// 函数封装时,程序并没有被执行,只有在函数调用时,程序才会被执行
function fun(){
   
    console.log(123);
}

// 函数的调用和执行
fun();

注意：

1. 定义函数阶段,只是将程序定义在函数内,程序并没有执行；只有在调用函数时,封装在函数内部的程序,才会被执行。
2. 函数命名的规范 — 与变量的命名规范相同
            规则 : 只能使用 数字,字母,下划线_,美元$
                      不能以数字开头
                      区分大小写
            规范 : 见名知意
                      驼峰命名法
3. 所谓的封装,就是将程序,放在 函数的 { } 中,就是函数程序的封装。
4. 函数的调用
            调用执行,必须使用函数的固定语法：函数名称() 的方式来调用函数。

函数的定义方式

1. 声明方式

通过关键词 function 来定义和声明函数。

实例

// 封装函数,但是函数不会执行
// 也就是我现在组装好了一个微波炉,但是就放在那儿没有用
function fun1(){
   
    console.log('我是声明方式定义的函数1');
}

// 调用函数,执行函数
// 相当于我在这里使用微波炉
fun1();

2. 匿名函数 / 赋值方式

定义函数时，不定义函数名称，将函数赋值给一个变量，然后通过调用变量名称()的形式来调用函数。

实例

//将函数赋值给变量 fun2
var fun2 = function(){
   
    console.log('我是匿名函数,也叫赋值方式,定义的函数');
};

// 调用时,是通过变量名称()来调用函数
fun2();

定义函数的语法的区别

声明方式

可以在程序的任意位置上调用函数，甚至可以在定义函数之前就调用函数，执行函数。

实例

//先调用函数，再声明函数
// 声明方式定义的函数,可以正常执行
fun1();

function fun1(){
   
    console.log('我是声明方式定义的函数1');
}

赋值方式/匿名函数

只能在定义函数之后再调用函数。

实例

//先调用函数，再声明函数
// 赋值方式 / 匿名函数,不能正常执行,会报错
fun2();

var fun2