javascript 的bind/apply/call性能

javascript有两种使用频率非常高的三个内置的功能：bind/apply/call。许多技术是基于高点，这些功能实现。这三个功能被用来改变的功能运行环境.从而达到代码复用的目的。

先来所说bind函数, bind,函数通常有两个用途：

1. 创建新函数，指定函数的this指针。

name = 'global';

var obj1 = {name: 'foo'};

var showName = function() {

    console.log(this.name);

}

showName(); //global

var showObj = showName.bind(obj1);

showObj(); // foo

2. bind函数体现出偏函数的思维,能够有效降低匿名函数的使用，譬如，有一个接收用户不同请求并分发处理的模块：

//query: 请求參数

//config:不同请求的配置信息

function dispatcher(query, config) {

       var action = query.action;

       switch(action){

            case 'action1':{

            //....

                break;

            }

        }

}

dispatcher函数运行的操作都是相似的，仅仅是不同的用户请求须要不同的config配置信息。能够有例如以下做法：

function createDispatcher(config) {

    return function(query) {

        dispatcher(query, config);

    };

}

当然假设须要多个參数也能够这样搞：

function createDispatcher(config, ext) {

    //借用Array原型对象的slice函数把函数參数拷贝一份

    var args = Array.prototype.slice.call(arguments);

    return function (query) {

        var newArgs = args.push(query);

        dispatcher.apply(null, newArgs);

    };

}

假设通过bind来实现，能够这样搞：

function dispatcher(config, query) {

    //

}

//创建分发函数

var dispatch1 = dispatcher.bind(null, config1);

var dispatch2 = dispatcher.bind(null, config2);

var dispatch3 = dispatcher.bind(null, config3);

在这里我们不须要改变bind返回的偏函数的this指针。所以bind函数第一个參数传null。

仅仅须要指定一个固定的參数。所以一句话就搞定了。

再说说apply函数。apply和call函数能够方便的实现函数借用。javascript这样的基于原型继承的语言，基础类型的原型为我们提供了很多方便的内建函数，譬如，我要把上面的分发函数写成一个通用的模块。即：把分发行为也抽象出来，由使用者来指定函数行为。createDispatcher仅仅是收集用户參数并调用指定的动作函数：

function createDispatcher(doit, context) {

    var args = Array.prototype.slice.call(arguments, 2);

    return function() {

        doit.apply(context, args.concat(Array.prototype.slice.call(arguments));

    }

}

var obj1 = {name: 'obj1'};

var obj2 = {name: 'obj2'};

var showParams1 = function() {

    console.log(this.name + 'got it: ' + arguments.join('+'));

};

var showParams2 = function() {

    console.log(this.name + 'got it: ' + arguments.join('-'));

};

//obj1 got it: 1+2+3

createDispatcher(showParams1, obj1)(1, 2, 3);

//obj2 got it: 4-5-6

createDispatcher(showParams2, obj2)(4, 5, 6);

apply与call的唯一差别是apply通过数组的形式传參，而call须要把參数列在函数后面，能够觉得apply是javascript语言基于call构造的一个语法糖罢了～