个人技术分享


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) }(实参));

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