1.函数柯理化
大函数返回小函数
思想：利用闭包的机制（保存），将一些内容提前存储和处理，在某个阶段之后拿来用即可
2.应用
2.1 预处理内容返回一个代理函数
/*
* bind预先处理内容
* @params:
* func：要执行的函数
* context：要改变的this指向
* args：要给函数传递的参数
* @return
* 返回一个代理函数
* */
const bind = function (fn,context,...args){
return function proxy(){
fn.call(context,...args)
}
}
2.2 dom点击事件
const obj = {
x:1000
}
function fn1(y){
this.x += y
alert(this.x)
}
// dom绑定事件 - 原生bind实现
btn.onclick = fn1.bind(obj,300)
// dom绑定事件 - call实现
btn.onclick = function (){
fn1.call(obj,300)
}
// dom绑定事件 - bind预处理方式实现
btn.onclick = bind(fn1,obj,300)
2.3 定时器
// 定时器 - call处理
setTimeout(()=>{
fn1.call(obj,300)
},3000)
// 定时器 - bind预处理方式实现
setTimeout(bind(fn1,obj,300),3000)
3. bind重写
~ function (proto){
function bind(context,...outArgs){
let _this = this
return function proxy(...innerArgs){
_this.call(context,...[...outArgs,...innerArgs])
}
}
}(Function.prototype)