函数的基本用法

函数

函数：一段可以被高度复用的代码段

//声明函数：生明式
//声明式特点就是在声明之前调用也可以
function 函数体(形参1，形参2，....){
	//  函数体
}

//调用函数
函数名（实参1，实参2，....)

形参：就是在函数体内部声明的变量，只声明没赋值
实参：为形参那个变量赋值（在本次调用生效）

实参个数和形参个数不统一时

function fn(num1, num2) {
        alert(num1 + num2)
    }
    // 在形参大于实参数量时,程序会忽略多余的实参
    function add(num1, num2, num3) {
        alert(num1 + num2 + num3)
    }
    add(1, 5)
    //在形参大于实参数量时，未被赋值的形参代入到函数体内部时里面的变量是undefined
    fn(1, 3, 3)

return

function add(num1, num2) {
        alert(1)
        //返回num1+num2的和，返回到函数的调用函数表达式的返回值上去了
        return num1 + num2;
        //不会执行 因为他在return语句下面
        alert(2)
    }
    //因为return语句的存在，所以此时在控制台内输出的是11而非undefined
    console.log(add(5, 6))

调用没有return 语句的函数，该调用函数表达式的返回值一定是undefined。（构造函数除外）

return语句的特性

1、控制调用函数表达式的返回值：如果函数体内部有return语句，那么调用该函数的表达式的返回值一定是return语句后面表达式的返回值。
2、做流程控制：当程序员运行到return语句时，程序会忽略return语句下面所有函数体内部代码

函数的引用

function fn() {
        alert(1)
    }
    // 调用函数
    // 1)执行函数体内部所有的代码
    // 2)有一个返回值，该返回值时取决于函数内部的return语句；
    // fn()

    //如果只写函数，该表达式并不会调用函数体内部所有的代码
    //该表达式的返回值不取决于函数内部的return语句，而一路返回函数滋生（函数的引用）
    console.log(fn)

    //函数的引用也是和Number , String .. 一样作为一个数据
    //同样也可以被放置到另外的一个变量里
    //因为函数的引用后面加一堆（）就代表调用该函数
    //又因为m()就等价于fn()等价于调用了fn函数
    var m = fn;
    console.log(m())

IIFE和匿名函数

    //匿名函数：就是没有名字的函数
    let a = function (num1, num2) {
        return num1 + num2;
    }(1, 5)
    console.log(a)

    // IIFE：自调用函数：生出来就被调用的函数
    let b = function (num1, num2) {
        return num1 + num2;
    }(1, 5)
    console.log(b)

变量作用域

1）全局变量：在函数体外面声明的变量；在任何时候都可以被访问到；
2）局部变量：在函数体内部声明的变量；只能在该函数内部或内层函数作用域下才能被访问到。

当局部变量和全局变量发生冲突的时候规则：以局部作用域为准；

在局部作用域（函数中）声明全局变量：如果去掉var关键字，那么在函数内部声明的变量也是全局变量