~~~ let fn = function fn(x, y, ev) { console.log(this, x, y, ev); this.val = x + y; }; let obj = {name: '珠峰'}; // document.body.onclick = fn;//=>FN中的THIS:BODY X是事件對象 Y是UNDEFINED //=>需求:觸發BODY的點擊事件,執行FN,但是需要讓FN中的THIS是OBJ,并且給FN傳遞一個10&20,而且在FN中還需要得到事件對象 // document.body.onclick = fn.bind(obj, 10, 20);//=>基于FUNCTION.PROTOTYPE上的BIND方法可以預先處理THIS，還可以給函數預先傳遞參數，而且還可以把事件對象等信息最后傳遞給函數... //=>在外層包裹一層匿名函數，就可以實現類似于BIND的效果（因為BIND就是這樣搞的） // document.body.onclick = function anonymous(ev) { // //=>THIS:BODY EV:事件對象 // //=>我們的需求是執行FN // fn.call(obj, 10, 20, ev); // }; Function.prototype.myBind = function myBind(context, ...arg) { //=>THIS:FN(當前需要處理的函數) //=>CONTEXT:OBJ(需要把FN中的THIS改為誰就傳遞誰) //=>ARG:需要傳遞給FN的實參(數組) [10,20] let _this = this; return function anonymous(...innerArg) { //=>INNER-ARG:可能有值,可能沒有值,如果把BIND返回的結果給元素的事件綁定,則事件觸發,執行這個匿名函數,會把事件對象傳遞進來 [ev] //=>最后的目的是把FN執行,把THIS改成OBJ,把參數傳遞給FN即可 _this.apply(context, arg.concat(innerArg)); } }; document.body.onclick = fn.myBind(obj, 10, 20);//=>首先找到原型上的BIND，在BIND方法執行的時候，把FN中的信息進行預先處理 /* * 執行BIND形成一個不銷毀的私有棧內存(AAA)，返回一個新的匿名函數(每一次返回的不一樣:不是相同的堆內存) * [存儲的內容] * //=>THIS:FN(當前需要處理的函數) //=>CONTEXT:OBJ(需要把FN中的THIS改為誰就傳遞誰) //=>ARG:需要傳遞給FN的實參(數組) document.body.onclick = function anonymous(ev) {} 當我們觸發BODY的點擊行為，執行的是返回的匿名函數 */ ~~~