JavaScript语言精粹 读书笔记（三）

函数

调用

调用一个函数会暂停当前函数的执行，传递控制权和参数给新函数。除了声明时定义的形式参数，每个函数还接收两个附加的参数：this 和 argument。参数this在面向对象编程中非常重要，它的值取决于调用的模式。在JavaScript中一共有4中 调用模式：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。

调用时，每个参数值被赋予函数声明时定义的形式参数名。当实际参数（argument）的个数与形式参数（parameters）的个数不匹配时，不会导致运行时错误。如果实际参数值过多了，超出的参数值会被忽略。如果参数值过少，缺失的值会被替换成undefined。对参数值不会进行类型检查：任何类型的值都可以被传递给任何参数。

---

方法调用模式

当一个函数被保存为对象的一个属性时，我们称它为一个 方法。当一个方法被调用时，this被绑到该对象。如果调用表达式包含一个提取属性的动作（即包含一个 . 点表达式或 [ subscript]下标表达式），那么它就是被当作一个方法来调用。

// 创建 myObject 对象。它有一个 value 属性和一个 increment 方法。

// increment 方法接受一个可选的参数。如果参数不是数字，那么默认使用数字1。

var myObject = {

     value: 0,

     increment: function (inc) {

          this.value += typeof  inc === 'number' ? inc : 1;

     }

};

myObject.increment();

document.writeln(myObject.value);  // 1

myObject.increment(2);

document.writeln(myObject.value); // 3

方法可以使用 this 访问自己所属的对象，所以他能从对象中取值或者对对象进行修改。 this 到对象的绑定发生在调用的时候。这个“超级”延迟绑定 (very late binding) 使得函数可以对 this 高度复用。通过 this 可取得它们所属对象的上下文的方法成为公共方法 （ public method）。

---

函数调用模式

当一个函数并非一个对象的属性时，那么它就是被当作一个函数来调用：

     var sun = add(3,4);     // sum = 7;

注意：以此模式调用函数时，this 被绑定到全局对象。这是语言设计上的一个错误。倘若设计正确，那么当内部函数被调用时，this 应该仍然绑定到外部函数的 this 变量。这个设计错误的后果就是方法不能利用内部函数来帮助它工作，因为内部函数的this被绑定了错误的值，所以不能共享该方法对象的访问权。幸运的是，有一个很容易的 解决方案：如果该方法定义一个变量并给它赋值为this，那么内部函数就可以通过那个变量访问到this，按照约定，我们把那个变量命名为that：

// 给myObjetc 增加一个 double 方法。

myObject.double = function () {

     var that = this;     // 解决方法

     

     var helper = function () {

          that.value = add(that.value, that.value);

     };

     helper();     // 以函数形式调用 helper。

};

// 以方法的形式调用 double。

myObject.double();

document.writeln(myObject.value);  // 6

---

构造器调用模式

JavaScript 是一门基于 原型继承的语言。这意味着对象可以直接从其他对象继承属性。

JavaScript还提供了一套和基于类的语言类似的对象构建语法。

如果在一个函数前面带上 new 来调用，那么背地里将会创建一个连接到该函数的 prototype 成员的新对象，同时 this 会绑定到那个新对象上。

new 前对也会改变 return 语句的行为。

// 创建一个名为 Quo 的构造器函数。它构造一个带有 status 属性的对象。

var Quo = function (string) {

     this.status = string;

};

// 给 Quo 的所有实例提供一个名为 get_status 的公共方法。

Quo.prototype.get_status = function () {

     return this.status;

};

// 构造一个 Quo 实例。

var myQuo = new Quo("confused");

document.writeln(myQuo.get_status());     // 打印显示“confused”

一个函数，如果创建的目的就是希望结合 new 前缀来调用，那它就被称为构造器函数。按照约定，它们保存在以大写格式命名的变量里。如果调用构造器函数时没有在前面加上 new ，可能会发生非常糟糕的事情，既没有编译时警告，也没有运行时警告，所以大写约定非常重要。

PS： 作者不推荐使用这种形式的构造器函数。