高阶函数与函数柯里化

高阶函数与函数柯里化📚

高阶函数

如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。

1. 若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。

2. 若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。

常见的高阶函数有：Promise、setTimeout、arr.map()等等

函数柯里化

通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。

function sum(a){
	return(b)=>{
    	return (c)=>{
            return a+b+c
        }
    }
}

🔗作用 eg:

state = {
    username:'',
    password:'',
    phone: '',
    address: '',
    email: ''
}
saveFormData = (dataType)=>{
    return (event)=>{
        this.setState({[dataType]:event.target.value})
    }
}
render(){
    return(
        <form onSubmit={this.handleSubmit}>
            用户名：<input onChange={this.saveFormData('username')} type="text" name="username"/>
            密码：<input onChange={this.saveFormData('password')} type="password" name="password"/>
            手机号：<input onChange={this.saveFormData('phone')} type="text" name="phone"/>
            住址：<input onChange={this.saveFormData('address')} type="text" name="address"/>
            邮箱：<input onChange={this.saveFormData('email')} type="text" name="email"/>
            <button>登录</button>
        </form>
    )
}

不使用柯里化也能实现:

state = {
    username:'',
    password:'',
}
saveFormData = (dataType,event) => {
    this.setState({[dataType]:event.target.value})
}
render(){
	return(
		<form onSubmit={this.handleSubmit}>
			用户名：<input onChange={event => this.saveFormData('username',event) } type="text" name="username"/>
			密码：<input onChange={event => this.saveFormData('password',event) } type="password" name="password"/>
			<button>登录</button>
		</form>
	)
}

​