JS bind 函数

bind 函数

bind 函数的作用是改变this的指向。(这里说的bind 不是jq的bind 函数。)
举个栗子：

var name = "outerName";
let obj = {
    name: "innerName",
    getName: function () {
        return function () {
            return this.name;
        }
    }
};

obj.getName()();   //"outerName"

（小提示： 这里的全局变量为什么不能用let： let 定义的变量不是全局变量，而调用函数时this指向全局window 。至于为什么可以看这里）

这里有2个解决方案：
1.在getName中定义一个 that 保存this .

 getName: function () {
    let that = this;
        return function () {
            return that.name;
        }
    }

2.使用apply或者call方法指定函数的作用域：

var name = "outerName";
let obj = {
    name: "innerName",
    getName: function () {
        return function () {
            return this.name;
        }
    }
};
let func = obj.getName();

alert(func.apply(obj))   //"innerName"

ES5 提供了新的bind方法可以更简介明朗的实现这种效果:

var name = "outerName";
let obj = {
    name: "innerName",
    getName: function () {
        return function () {
            return this.name;
        }
    }
};
let func = obj.getName();
func = func.bind(obj);
alert(func())   //"innerName"

对于少数浏览器不支持bind函数的兼容性操作：

Function.prototype.bind=Function.prototype.bind||
    function(context){
        var self=this;
        return function()
        {
            return self.apply(context,arguments);
        }
    }

参考自：http://www.cnblogs.com/GongQi/p/4041460.html