博客
关于我
javascript(17)——钩子函数,回调函数
阅读量:324 次
发布时间:2019-03-04

本文共 1060 字,大约阅读时间需要 3 分钟。

钩子函数与回调函数的区别解析

钩子函数是系统预先定义的特定函数,当系统发生特定事件时会自动调用。这些函数不需要用户主动触发,而是由系统触发。开发者在使用时只需直接编写函数体即可,无需像回调函数那样通过参数传递调用。例如,React框架中的生命周期函数和Vue框架中的生命周期函数都是典型的钩子函数。

在现实开发中,回调函数的概念更为常见。它指的是一个函数作为另一个函数的参数传递并被调用时,会被后者执行。例如,在React中,当父组件的状态发生变化时,会自动调用子组件的回调函数。这种机制使得代码更加简洁,减少了手动管理状态的需求。

以下是通过React代码示例来说明回调函数的使用场景:

"use strict";class Person extends React.Component {  state = {    persons: [      { id: 1, name: "小李", age: 18 },      { id: 2, name: "小张", age: 20 }    ]  };  addXiaoWang = () => {    const { persons } = this.state;    persons.push({ id: 3, name: "小王", age: 30 });    this.setState({ persons });  };  render() {    return (      

展示人员信息

    {this.state.persons.map((personObj) => { return (
  • {personObj.name}----{personObj.age}
  • ); })}
); }}ReactDOM.render(
, document.getElementById("test"));

在以上代码中,addXiaoWang 是一个回调函数。当按钮被点击时,onClick 属性会将 this.addXiaoWang 作为回调函数调用。这种设计使得代码更加简洁,逻辑更加清晰。

转载地址:http://xveq.baihongyu.com/

你可能感兴趣的文章
mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
查看>>
MYSQL:基础——3N范式的表结构设计
查看>>
MYSQL:基础——触发器
查看>>
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>
mysqldump 参数--lock-tables浅析
查看>>
mysqldump 导出中文乱码
查看>>
mysqldump 导出数据库中每张表的前n条
查看>>
mysqldump: Got error: 1044: Access denied for user ‘xx’@’xx’ to database ‘xx’ when using LOCK TABLES
查看>>
Mysqldump参数大全(参数来源于mysql5.5.19源码)
查看>>
mysqldump备份时忽略某些表
查看>>
mysqldump实现数据备份及灾难恢复
查看>>
mysqldump数据库备份无法进行操作只能查询 --single-transaction
查看>>
mysqldump的一些用法
查看>>
mysqli
查看>>
MySQLIntegrityConstraintViolationException异常处理
查看>>
mysqlreport分析工具详解
查看>>
MySQLSyntaxErrorException: Unknown error 1146和SQLSyntaxErrorException: Unknown error 1146
查看>>
Mysql_Postgresql中_geometry数据操作_st_astext_GeomFromEWKT函数_在java中转换geometry的16进制数据---PostgreSQL工作笔记007
查看>>
mysql_real_connect 参数注意
查看>>