JavaScript柯里化函数的实现

function add1(x,y,z){
	return x+y+z
}

function add2(x,y,z){
	x=x*2
	y=y*2
	z=z*z
	return x+y+z
}

function makeAdder(count){
	count=count*count
	return function(num){
		return count*num
}
}

function log(date,type,message){
	console.log(`[${date.getHours()}:${date.getMinutes()}][${type}]: [${message}]`)
}

//传入某个函数 生成一个柯里化之后的函数 （不需要手动转了）
function hyCurring(fn){
//args剩余参数接受多个参数
	function curried(...args){
		//判断当前已经接收到的参数的个数，和参数本身需要接收的参数是否一致了
		//函数的length属性获取的是函数的参数个数
		//该获取的参数获取够了
		//1、当已经传入的参数大于等于需要的参数时，就执行函数
		if(args.length>=fn.length){
		//fn(...args)不建议这样调用，如果不是默认调用改变了this,this和我们fn的就不一样了
		//要保证调用curried的this与调用fn函数的this是一样的
		//用call的话fn.apply(this,...args)
			return fn.apply(this,args)
		}else{
		//没有达到个数时，需要返回一个新的函数，继续来接受的参数
			function curried2(...args2){
			//接收到参数后，需要递归调用curried来检查函数的个数是否达到
			//return curried.apply(this,[...args,...args2])
			return curried.apply(this,args.concat(args2))//[10,20 ]
			}
		}
		
}
return curried
}
var curryAdd=hyCurring(add1)
add1(10,20,30)
curryAdd(10)(20)(30)
curryAdd(10,20)(30)
curryAdd(10,20,30)

//可定制化
//Vue3源码中使用了
function hyCreateRender(){
	function hyRender(vnode,container){
	//渲染到移动端/桌面端
}
	return {
		render,
 		hydrate,
		createApp:createAppAPI(hyRender,hydrate)
	}
}

//redux-thunk中也使用了
function createThunkMiddleware(extraArgument){
	return ({dispatch,getState})=>(next)=>(action)=>{
	if(typeof action === 'function'){
		return action(dispatch,getState,extraArgument);
		}
		return next(action);
	};
}
const thunk=createThunkMiddleware();
thunk.withExtraArgument=createThunkMiddleware;

export default thunk