JavaScript中的函数

---

JavaScript中的函数

函数可以把具有相同或相似逻辑的代码包裹起来，通过函数调用执行这些被包裹的代码逻辑，这么做的优势是有利于精简代码方便复用。

function 函数名(参数列表) {
  函数体
}

将参数的默认值设为0，避免输入用户穿实参返回NaN，这样使程序更加严谨，例：function name(x = 0, y = 0) {}

作用域

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

全局作用域

作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件

处于全局作用域内的变量，称为全局变量

局部作用域

作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。

处于局部作用域内的变量称为局部变量

如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐

但是有一种情况，函数内部的形参可以看做是局部变量。

局部变量

函数或for循环、while循环中定义的变量是局部变量，只能在当前作用域使用，不能在作用域外被调用。

在函数内部未经声明直接使用的变量被看作是全局变量。

    function fn() {
      a = 10 // 当作全局变量
      let b = 20 //局部变量
    }
    fn()
    console.log(a) // 10
    console.log(b) // not defined

变量访问原则

• 只要是代码，就至少有一个作用域
• 写在函数内部的是局部作用域
• 如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域
• 访问原则：在能访问到的情况下先局部，局部没有再找全局，采用就近原则

匿名函数

没有名字的函数，无法直接使用。

使用方式：

• 函数表达式
• 立即执行函数

函数表达式

将匿名函数赋值给一个变量，并通过变量名进行调用，称为函数表达式。

语法：

let fn = function(){
      // 函数体
    }
fn()

函数表达式和具名函数的不同：具名函数的调用可以写在任何位置，函数表达式像变量一样，要先声明后才能使用。

立即执行函数

场景介绍：避免全局变量之间的污染。

语法：

    // 方式一
    (function (形参) { console.log(11) })(实参);
      // 方式二
    (function (形参) { console.log(11) }(实参));

注意：立即执行函数必须加分号。