JavaScript: The Good Parts 学习随笔（四）

Chapter 4. Functions

4.1函数对象

　　对象有连到原型的隐藏连接，函数对象连接到Function.prototype。

　　函数在创建时带有prototype属性，它的值是一个有constructor属性且constructor的值就是函数值本身的对象。

var func = function() {};//GC查看func的属性

4.2函数字面量

var add = function (a, b) {
    return a + b;
};

4.3调用

　　javascript有四种调用函数的方式。调用函数时会传入两个参数this和arguments。

4.3.1方法调用模式

　　当函数作为一个对象的属性时叫方法。方法调用时this指向该对象。

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

4.3.2函数调用模式

　　当一个函数并非一个对象属性时，它被当作函数调用。

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

　　这时this指向全局变量，需要靠一个变量来传值。

// Augment myObject with a double method.

myObject.double = function ( ) {
    var that = this;    // Workaround.

    var helper = function ( ) {
        that.value = add(that.value, that.value)
    };

    helper( );    // Invoke helper as a function.
};

// Invoke double as a method.

myObject.double( );
document.writeln(myObject.getValue( ));    // 6

4.3.3构造器调用模式

　　如果在函数前加个new，那么将创建一个连接到该函数prototype属性的新对象，同时this指向新对象。

// Create a constructor function called Quo.
// It makes an object with a status property.

var Quo = function (string) {
    this.status = string;
};

// Give all instances of Quo a public method
// called get_status.

Quo.prototype.get_status = function (  ) {
    return this.status;
};

// Make an instance of Quo.

var myQuo = new Quo("confused");

document.writeln(myQuo.get_status(  ));  // confused

4.3.4Apply模式调用

　　其实就是apply函数的运用。

// Make an array of 2 numbers and add them.

var array = [3, 4];
var sum = add.apply(null, array);    // sum is 7

// Make an object with a status member.

var statusObject = {
    status: 'A-OK'
};

// statusObject does not inherit from Quo.prototype,
// but we can invoke the get_status method on
// statusObject even though statusObject does not have
// a get_status method.

var status = Quo.prototype.get_status.apply(statusObject);
    // status is 'A-OK'