第七章 函数表达式

2018-06-07  本文已影响0人  A郑家庆

函数表达式的特征

        定义函数的方式有两种,一种是函数声明,一种是函数表达式。函数声明如下:

function functionName (arg1, arg2) {}

关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之前会先读取函数声明。
        第二种创建函数的方式是使用函数表达式。比如

var functionName = function (arg1, arg2) {}

创建一个匿名函数赋值给变量functionName,这两种写法除了函数提升以外是等价的。

递归

        递归函数是一个函数通过名字调用自身的情况下构成的,如下

function factorial (num) {
    if (num <= 1) {
      return 1
  } else {
     return num * factorial(num-1)
  }
}

        由于函数名字不同就要更改factorial的值,所以一般用argument.callee来替换,例如

function factorial (num) {
    if (num <= 1) {
      return 1
  } else {
     return num *  argument.callee(num-1)
  }
}

argument.callee这个属性在非严格模式下是可以使用,但是在严格模式下会报错。所以还有一种更好的方法,就是使用命名函数表达式来达成相同的结果。例如:

var factorial  =( function f(num) {
    if (num <= 1) {
      return 1
  } else {
     return num *  f(num-1)
  }
})

上面函数体虽然定义了f名,并且还加了()但还是个函数表达式不是函数声明,这个函数名只能在函数体内使用在函数体外是不能调用的,主要用于递归处理,外层的()不加也可以。

函数本身也是一个值,也有自己的作用域,它的作用域和变量一样,就是其声明所在的作用域,与运行时所在的作用域无关,例如:

var a = 1;
var x = function () {
  console.log(a);
};
function f() {
  var a = 2;
  x();
}
f() // 1

闭包

        闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数。
        要理解闭包就需要知道函数在调用的时候都发生了什么?当某个函数被调用时,会创建一个执行环境及相应的作用域链。然后使用arguments和其他命名参数的值来初始化函数的活动对象(接收的参数),最后会形成一个作用域链。例如:

function compare (value1, value2) {
    if (value1 < value2) {
      return -1
  } else if (value1 > value2) {
      return 1
  } else {
      return 0
 }
}
var result = compare(5, 10)

        在创建compare()函数时,会创建一个预先包含全局变量对象的作用域链,这个作用域链被保存在内部的[[scope]]属性中。当调用compare()函数时,会为函数创建一个执行环境(执行上下文),这个地方执行环境可以理解成一个对象,然后通过复制函数的[[scope]]属性中的对象构建起执行环境的作用域链,如果函数内部又有一个函数,那么它的执行环境被创建并被推入执行环境作用域链的前端。显然作用域链本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。具体详情可以参见https://blog.csdn.net/q1056843325/article/details/53086893?locationNum=12&fps=1,里面有详细介绍。
        一般来讲,当函数执行完毕后,局部活动对象就会被销毁(比如上文中的arguments, value1, value2),内存中仅保存全局作用域(全局执行环境的变量对象,比如result 和compare),但是闭包的情况又有所不同,比如下面的代码,外层函数creatCompare 的活动对象不会被销毁,因为会被匿名函数(闭包引用),只是外层函数creatCompare 的执行环境的作用域链会被销毁,活动对象仍然会保存在内存中也就是闭包函数的[[scope]]属性中,最后匿名函数被赋值给变量compare ,这时候就变成了全局变量会一直在内存中,直到给compare 赋值为null,解除该函数的引用,就等于通知垃圾回收例程将其清除,随着匿名函数的作用域链被清除,其他作用域也都会被销毁(除了全局作用域)。

function creatCompare (propertyName) {
     return function (object1, object2) {
       var value1 = object1[propertyName]
       var value2 = object2[propertyName]
        if (value1 < value2) {
              return -1
         } else if (value1 > value2) {
             return 1
        } else {
             return 0
       }
   }
} 
var compare = creatCompare ('name')
var result = compare({name: 'nike'}, {name: 'addaise'})
compare = null   // 解除对匿名函数(闭包)的引用,释放内存

由于闭包会携带它的函数作用域(主要是外层函数的信息比如活动对象),因此会比其他函数占用更多的内训。过度使用闭包会影响浏览器性能。

上一篇下一篇

猜你喜欢

热点阅读