js基础教程（第七堂）--函数的封装

一、函数的基本介绍

1.概念

函数就是将一堆代码放到一起，形成一种有功能的代码块，在以后需要调用的时候使用。

2.定义的两种方式

// 声明式
function 函数名(参数1 , 参数2, ....){
    函数封装的语句块
}
 
// 赋值式 
let 变量名 = function(参数1 , 参数2, ....){
    函数封装的语句块
}

3、调用方式

function fun(){
    console.log('第一个函数')
}
 
 
fun()

二、函数参数

1、形参

在函数内部可以使用的变量，在函数外部不能使用
形参的值是在函数调用的时候由实参决定的

function fun(m){
    let n = 10
}
 
//m 、n 这两个只能在函数体内部使用的被称为形参

2.实参

在函数调用的时候给形参赋值的
也就是说，在调用的时候是给一个实际的内容的
多个参数的时候，是按照顺序一一对应的

let x = 100
function fun(m){
   console.log(m)
}
fun(x)
//在调用函数时将x的值赋给 m,  x被称为实参

三、返回值（return的两种用法）

1.中断函数

当函数执行到return之后，就会中断函数，后面的语句就不再会执行了

function fun(){
    console.log('1')
    console.log('2')
    console.log('3')
    console.log('4')
    return //结束函数
    console.log('5')
    console.log('6')
    console.log('7')
}    
 
//执行结果，当进行到return的时候，终止函数，只输出1 2 3 4

2.返回值

函数可以通过return设置返回值，这样能够将函数的返回值返回给调用函数

function fun(){
    var m = 100 
    var n = 200 
    var sum = 0
    sum = m + n
    
    return sum // 执行函数后，直接将sum的结果返回给调用函数
}
 
var num = fun() 
//num 的值为 300

四、优点

1. 封装代码，使代码更加简洁
2. 复用，在重复功能的时候直接调用就好
3. 代码执行时机，随时可以在我们想要执行的时候执行