《JavaScript Ninja》之函数是根基

函数是根基

理解函数为什么如此重要

JavaScript 是一门 函数式语言 。

函数为什么是第一型对象

在 JavaScript 中，函数可以共处，可以将其视为其他任意类型的 JavaScript 对象而进行使用，除此之外，函数还有一个特殊的功能，它们可以 被调用（通常以 异步方式 进行调用）。

对象在 JavaScript 中有如下功能：

它们可以通过字面量创建。

它们可以赋值给变量、数组或其他对象的属性。

它们可以作为参数传递。

它们可以作为函数的返回值进行返回。

它们拥有动态创建并赋值的属性。

浏览器如何调用函数

我们为浏览器中发生的各种事件建立事件处理程序，这些事件在触发时被放置在一个事件队列中（先进先出列表[FIFO]）；
浏览器负责事件轮询和事件派发，从而调用我们事先建立好的事件处理程序。

图

注意：

浏览器的事件轮询是 单线程 的。每个事件都是按照在队列中所放置的顺序来处理的。

浏览器把事件放到队列上的机制是在事件轮询模型之外。确定事件何时发生并把它们放到事件队列上的过程所处的线程，并不参与事件本身的处理。

回调：我们定义一个函数，以便其他一些代码在适当的时机回头再调用它。

函数声明

JavaScript 函数是使用 函数字面量 进行声明从而创建函数值的。

函数字面量由四个部分组成：

function 关键字；

可选名称，如果指定名称，则必须是一个有效的 javaScript 标识符；

括号内部，一个以逗号分隔的参数列表。（有效的标识符，参数列表允许为空，圆括号必须始终存在）；

函数体，包含在大括号内的一系列 JavaScript 语句。（函数体可以为空，但大括号必须始终存在）。

命名一个函数时，该名称在整个函数声明范围内是有效的。此外，如果一个命名函数声明在顶层，window 对象上的同名属性则会引用到该函数。

所有的函数都有一个 name 属性，该属性保存的是该函数名称的字符串。没有名称的函数也仍然有 name 属性，只是该属性值为空字符串罢了。

作用域和函数

变量声明的作用域开始于声明的地方，结束于所在函数的结尾，与代码嵌套无关。

命名函数的作用域是指声明该函数的整个函数范围，与代码嵌套无关。（有些人称之为 机制提升。）

对于作用域声明，全局上下文就像一个包含页面所有代码的超大型函数。

函数可以在其作用域范围内提前被引用，而变量不行。

参数赋值之谜

函数调用的四种方式：

作为一个函数 进行调用（最简单形式）；

作为一个方法 进行调用，在对象上进行调用，支持面向对象编程；

作为构造器 进行调用，创建一个新对象；

通过 apply() 或 call() 方法 进行调用（较复杂）。

从参数到函数形参：

如果实际传递的参数大于函数声明的形参数量，超出的参数则不会配给形参名称；
如果声明的形参数量大于实际传递的参数数量，则没有对应参数的形参会赋值为 undefined。

所有的函数调用都会传递两个隐式参数：arguments 和 this。

所谓 隐式 ：意味着这些参数不会显示列在函数签名里，而会默默地传递给函数并存在于函数作用域内。在函数内部，可以像其他显示命名的参数一样使用。

arguments 参数：

传递给函数的所有参数的一个集合，有 length 属性。只是一个类数组结构，并且只拥有数组的某些特性。

this 参数：

this 参数引用了与该函数进行隐式关联的一个对象，被称之为 函数上下文。

JavaScript 中的 this 依赖于函数的调用方式，可以称为 调用上下文。

（1）作为函数进行调用：

此时，函数的上下文是全局上下文——window对象，并没有把函数作为对象的一个属性，通常被认为是自己的机制。

（2）作为对象的方法进行调用：

此时，该对象就变成了函数上下文，并且在函数内部可以以 this 参数的形式进行访问。
与“作为函数”进行调用对比：除了“作为函数”进行调用是定义在 window 上的，而且调用的时候不必再需要 window 的一个引用了。其它是一样的，函数“属于” window，window 则作为函数上下文，和对象 o 作为函数上下文是一样的道理。

（3）作为构造器进行调用：

此时，要在函数调用前使用 new 关键字。

构造器的超能力：

创建一个新的空对象；

传递给构造器的对象是 this 参数，从而成为构造器的函数上下文；

如果没有显式的返回值，新创建的对象则作为构造器的返回值进行返回。

构造器的目的：要创建一个新对象并对其进行设置，然后将其作为构造器的返回值进行返回。

至此，我们看到，函数调用方式之间的 主要差异 是：作为 this 参数传递给执行函数的上下文对象之间的区别。作为方法进行调用，该上下文是方法的拥有者；作为全局函数进行调用，其上下文永远是 window（也就是说，该函数是 window 的一个方法）；作为构造器进行调用，其上下文对象则是新创建的对象实例。

（4）使用 apply() 或 call() 方法进行调用：

在函数调用时，可以显式指定任何一个对象作为其函数上下文。
实际使用时，选择最能匹配参数的那个方法。

函数上下文

函数是程序的构建块而不是命令式语句。

可以用不同的方法进行函数调用，不同的调用机制决定了函数上下文的不同。

作为普通函数进行调用时，其上下文是全局对象（window）。

作为方法进行调用时，其上下文是拥有该对象的方法。

作为构造器进行调用时，其上下文是一个新分配的对象。

通过函数的 apply() 或 call() 方法进行调用时，上下文可以设置成任意值。