js重修课[四]：函数

最近学习效率比较低下，一定是春天到了的缘故……

函数这一章也是比较重要的一章。js里的Function是一个特殊的对象。

函数定义

函数有两种定义方法：定义表达式如var f = function(){};和声明语句如function f(){}。须知在变量提前这一现象中，声明语句可被提前，而定义表达式虽然声明语句被提前，但赋值并未被提前，因此在表达式前调用该函数会得到undefined。函数声明语句不能出现在循环、条件判断、或者try/catch/finally以及with语句中。

函数调用

函数调用有4种方式：

• 作为函数
• 作为方法
• 作为构造函数
• 通过call()或apply()间接调用

函数调用即f(1);一类调用方式，这类方法的this处于全局环境下，在非严格模式下为全局对象，严格模式下为undefined。

方法调用即对一个对象内的函数的调用，如a.sort();。在放大调用中，this指针引用调用该方法的对象。之前一直没有注意的一点是：this和变量不同，它不像变量有作用域的限制。this的引用只与函数的调用方式有关，而与外层函数的上下文无关。只要函数作为普通函数调用，不论嵌套在哪，this的值不是全局对象就是undefined；而只要函数作为方法调用，this的值就是调用它的对象。一般在嵌套函数中利用变量的作用域来保存this的值，如下：

var o = {
    m: function() {
        var self = this;
        function f() {
            console.log(this === o);  //"false": 此时this值为全局变量或undefined
            console.log(self === o);  //"true"
        }
    }
}

构造函数即使用new关键字调用函数。在前一章关于对象继承的说明中说过，这种调用方式会创建一个新的空对象，令其继承构造函数的prototype属性，并将新对象用作其调用上下文。不论它是函数调用还是方法调用，内部的this指针都指向新对象，而不是调用该方法的对象。

间接调用即使用call()和apply()，将函数上下文显示传递进去。如f.call(o);，相当于使用对象o调用函数f()。call()和apply()的区别在于前者接受不定参数，分别为调用函数和参数列表，如f.call(o, 1, 2);，而apply()接受的是调用函数和参数数组。bind()方法是ECMAScript 5新增的方法，可以更便捷地绑定调用函数上下文。使用方法如f.bind(o);，即用o调用f()。在未实现ECMAScript 5的一种兼容写法如下：

function bind(f, o) {
    if (f.bind) return f.bind(o);   //若bind方法存在，返回其引用
    else return function() {
        f.apply(o, arguments);      //若不存在，用apply()模拟
    }
}

闭包

这也几乎是逢js必谈的一个专题了，说得太多，只是记录一些概要。

简言之，闭包就是指函数体将各自内部的变量保存在自有作用域内的一种现象。在js中，函数若是没有定义嵌套函数，那么在返回的时候引用清零，函数内的变量就会被回收。而若定义了嵌套函数，并将其作为返回值存于某个属性中，保持了引用，这个嵌套函数所绑定的变量就不会被当作垃圾回收。简单的实现如下：

function counter() {
    var x = 0;
    return {
        count: function() { return x++; },
        reset: function() { x = 0; }
    };
}

var a = counter(), b = counter();
a.count(); // => 0
b.count(); // => 0：a和b将独立计数
a.reset(); // => 0：重置

使用闭包可是共享私有变量，实现诸如单例一类的功能。隐患也很显然：处理不当容易造成内存泄露。

函数式编程

嗯，像Lisp和Haskell那样写js，听起来是挺牛逼的……总之是利用函数值传递一系列技巧实现，示例如下，不知以后能否有更多应用：

function compose(f, g) {
  var self = this;
  return function() {
    return f.call(this, g.apply(this, arguments));
  }
}

var square = function(x) { return x*x; };
var sum = function(x, y) { return x + y };
var squareofsum = compose(square, sum);
console.log(squareofsum(2, 3));  // => 25