javascript（17）——钩子函数，回调函数

最新推荐文章于 2024-05-14 09:27:37 发布

木子旭

最新推荐文章于 2024-05-14 09:27:37 发布

阅读量1.4k

点赞数

分类专栏： # javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_45895576/article/details/113689152

版权

javascript 专栏收录该内容

160 篇文章 0 订阅

订阅专栏

1.钩子函数

是一个函数，在系统消息触发时被系统调用
不是用户自己触发的
使用时直接编写函数体
钩子函数的名称是固定的，也就是语言自带的
例如react的生命周期函数，vue生命周期函数

2.回调函数

<body>
  <div id="test"></div>
  <script type="text/babel">
    "use strict";
    class Person extends React.Component {
      state = {
        persons: [
          { id: 1, name: "小李", age: 18 },
          { id: 2, name: "小张", age: 20 },
        ],
      };
      addXiaoWang = () => {
        let { persons } = this.state;
        persons = [{ id: 3, name: "小王", age: 30 }, ...persons];
        this.setState({ persons });
      };
      render() {
        return (
          <div>
            <h2>展示人员信息</h2>
            <button onClick={this.addXiaoWang}>添加一个小王</button>
            <ul>
              {this.state.persons.map((personObj) => {
                return (
                  <li key={personObj.id}>
                    {personObj.name}----{personObj.age}
                    <input type="text" />
                  </li>
                );
              })}
            </ul>
          </div>
        );
      }
    }
    ReactDOM.render(<Person />, document.getElementById("test"));
  </script>
</body>

如以上代码，addXiaoWang就是一个回调函数。
当函数A作为一个参数传给函数B并使用时，函数B被调用时，在函数B的函数体中则会调用函数A，就称函数A是一个回调函数。

木子旭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript（17）——钩子函数，回调函数

1.钩子函数是一个函数，在系统消息触发时被系统调用不是用户自己触发的使用时直接编写函数体钩子函数的名称是固定的，也就是语言自带的例如react的生命周期函数，vue生命周期函数2.回调函数<body> <div id="test"></div> <script type="text/babel"> "use strict"; class Person extends React.Component { st
复制链接

扫一扫