JavaScript apply、call和bind 方法的使用__Java

首先，這三個方法都是改變函數的this對象的指向來擴充函數賴以啟動並執行範圍。 每個函數都包含這三個非繼承而來的方法。 他們的用途相同，都是在特定的範圍中調用函數。 第一個參數都是this要指向的對象。 都可以傳遞參數，傳參方式不同。 apply、call 返回函數運行結果， bind 會產生一個函數 傳參: apply(Obj, [ 參數1，參數2，… ])， call(Obj, 參數1，參數2，…)，bind 在產生的函數執行處傳參。

> name = '李明''李明'> age = 1818> let People = {name: '小紅', age: 17}undefined> function sayHello(){... console.log("Hello! " + this.name);... }undefined> sayHello()Hello! 李明undefined> sayHello.apply(People) // this指向 People對象Hello! 小紅        // 直接返回運行結果undefined> sayHello.call(People); // this指向 People對象Hello! 小紅        // 直接返回運行結果undefined> sayHello.bind(sayHello)  // 返回一個新函數[Function: bound sayHello]> sayHello.bind(People)()  // 可以在(參數)傳參Hello! 小紅undefined> newSayHello = sayHello.bind(People)[Function: bound sayHello]> newSayHello()Hello! 小紅

後來發現一段 Function.prototype.apply.call(fn, obj, args) 代碼 ，，這什麼鬼……

看完上面知道要綁定一個函數的this對象，可以這樣寫：fn.apply(obj, args) ，但是如果函數自訂了apply方法，那麼要綁定一個函數的this對象只能寫成 Function.prototype.apply.call(fn, obj, args)了。 簡化方法使用（ES6） ：Reflect.apply