摘要：方法簡介在中，函數(shù)中的指向往往在調(diào)用時(shí)才可確定，而提供了方法讓我們得以顯示綁定函數(shù)的指向。它們的第一個(gè)參數(shù)是一個(gè)對象，它們會把這個(gè)對象綁定到調(diào)用他們的函數(shù)內(nèi)的。

在JavaScript中，函數(shù)中this的指向往往在調(diào)用時(shí)才可確定，而JavaScript提供了call/apply/bind方法讓我們得以顯示綁定函數(shù)的this指向。
它們的第一個(gè)參數(shù)是一個(gè)對象，它們會把這個(gè)對象綁定到調(diào)用他們的函數(shù)內(nèi)的this。因?yàn)槟憧梢灾苯又付?this 的綁定對象，因此我們稱之為顯式綁定。

//用例
var a = { q: 1 };
var b = { q: 2 };
var c = { q: 3 };
function cs(s) {
    console.log(this.q)
}
cs.bind(a)();//1
cs.call(b);//2
cs.apply(c);//3

var s = new fn.myBind({ a: 2333 })();//報(bào)錯(cuò)！！,運(yùn)算優(yōu)先級：屬性訪問>帶參new>函數(shù)調(diào)用>無參new
var s = new (fn.myBind({ a: 2333 }))();//正確姿勢

參數(shù)從arguments[1]開始，func.myCall(obj:Object[,agr1：any[,agr2:any[...]]])

if (!Function.prototype.myCall) {
    Function.prototype.myCall = function (targetThis) {
        //targetThis默認(rèn)為windows(嚴(yán)格模式不允許)
        targetThis = targetThis || window;
        //利用對象調(diào)用指定this
        targetThis.fn = this;
        //收集參數(shù)
        var agrs = [];
        //因?yàn)閍rguments[0]===targetThis,故從下標(biāo)1開始
        for (var ge = 1, len = arguments.length; ge < len; ge++) {
            agrs.push("arguments[" + ge + "]");
        }
        //利用eval展開參數(shù) 并執(zhí)行函數(shù)
        var result = eval("targetThis.fn(" + agrs + ")");
        //刪除附加對象的屬性以消除副作用
        delete targetThis.fn;
        //返回結(jié)果
        return result;
    }
}

參數(shù)放在數(shù)組里func.call(obj:Object[,agr:Array])

if (!Function.prototype.myApply) {
    Function.prototype.myApply = function (targetThis, arrAgrs) {
        //targetThis默認(rèn)為windows(嚴(yán)格模式不允許)
        targetThis = targetThis || window;
        //利用對象調(diào)用指定this
        targetThis.fn = this;
        var agrs = [];
        //收集參數(shù)數(shù)組
        for (var ge = 0, len = arrAgrs.length; ge < len; ge++) {
            agrs.push("arrAgrs[" + ge + "]");
        }
        //利用eval展開參數(shù) 并執(zhí)行函數(shù)
        var result = eval(" targetThis.fn(" + agrs + ")");
        //刪除附加對象的屬性以消除副作用
        delete targetThis.fn;
        //返回結(jié)果
        return result;
    }
}

參數(shù)從arguments[1]開始，func.myCall(obj:Object[,agr1：any[,agr2:any[...]]])

//考慮參數(shù)合并以及new優(yōu)先級和原型繼承
if (!Function.prototype.myBind) {
    Function.prototype.myBind = function (targetThis) {
        //若非函數(shù)對象來調(diào)用本方法，報(bào)異常
        if (typeof this !== "function") {
            throw new TypeError(
                "Function.prototype.bind error"
            );
        }
        //收集參數(shù)
        var bindArgs = Array.prototype.slice.call(arguments, 1),
            originFunction = this,//保存原始this(原始函數(shù))
            fnProto = function () { },//利用空函數(shù)間接鏈接prototype以應(yīng)對new時(shí)的原型繼承
            fnBounding = function () {
                //考核new操作this綁定優(yōu)先
                return originFunction.apply(
                    (
                        this instanceof fnProto ? this : targetThis
                    ),
                    bindArgs.concat(
                        Array.prototype.slice.call(arguments)
                    )
                )
            };
        fnProto.prototype = this.prototype;//鏈接原型
        //new一個(gè)fnProto以實(shí)現(xiàn)簡潔繼承原型，防止對fnBounding.prototype的操作污染originFunction原型prototype
        fnBounding.prototype = new fnProto();
        return fnBounding;
    };
}

bind之后可以再bind或call/apply

if (!Function.prototype.softBind) {
    Function.prototype.softBind = function (obj) {
        var fn = this;
        // 捕獲所有 bindArgs 參數(shù)
        var bindArgs = [].slice.call(arguments, 1);
        var fnBounding = function () {
            return fn.apply(
                (!this || this === (window || global)) ?
                    obj : this,
                curried.concat.apply(bindArgs , arguments)
            );
        };
        fnBounding .prototype = Object.create(fn.prototype);//鏈接原型
        return fnBounding ;
    };
}