0x00 前言
文中工具皆可关注 皓月当空w 公众号 发送关键字 工具 获取
0x01 高阶函数
满足2个规范中的任何一个都是高阶函数。
- 接受的参数是一个函数
- 调用的返回值是一个函数
1.调用的返回值是一个函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello_react</title>
</head>
<body>
<div id="test"></div>
<div id="test2"></div>
<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
<script type="text/javascript" src="../js/prop-types.js"></script>
<script type="text/babel">
class Login extends React.Component{
state={
username:"",
password:""
}
render(){
return(
<div>
<form action="" onSubmit={this.handleSubmit}>
用户名:<input onChange={this.saveFormData("username")} type="text" name="username"/>
密码:<input onChange={this.saveFormData("password")} type="password" name="password"/>
<button>登录</button>
</form>
</div>
)
}
handleSubmit = (event)=>{
event.preventDefault()
const {username,password} = this.state
alert(`您输入的账号是${username},输入的密码是${password}`)
}
saveFormData = (dataType) =>{
return (event)=>{
this.setState({[dataType]:event.target.value})
}
}
}
ReactDOM.render(<Login/>,document.getElementById("test"))
</script>
</body>
</html>
2.函数的柯里化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello_react</title>
</head>
<body>
<div id="test"></div>
<div id="test2"></div>
<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
<script type="text/javascript" src="../js/prop-types.js"></script>
<script type="text/javascript">
function sum(a){
return (b)=>{
return (c) =>{
return a+b+c
}
}
}
const result=sum(1)(2)(3);
console.log(result);
</script>
</body>
</html>
other
欢迎大家关注我朋友的公众号 皓月当空w 分享漏洞情报以及各种学习资源,技能树,面试题等。
以上