提高网站访问量,html可视化编辑软件,企业网站开发市场,宝塔一键部署wordpress回调函数
先说下啥是回调函数#xff0c;举个例子#xff0c;当A方法调用B方法时#xff0c;A方法会传一个方法作为参数给B方法#xff0c;B方法中可以去按照逻辑执行A传递过的函数#xff0c;就是回头再调用A方法传参给的方法。有点绕哈#xff0c;写段代码参考下
con…回调函数
先说下啥是回调函数举个例子当A方法调用B方法时A方法会传一个方法作为参数给B方法B方法中可以去按照逻辑执行A传递过的函数就是回头再调用A方法传参给的方法。有点绕哈写段代码参考下
const funA () {// 业务逻辑 .....funB(布拉布拉, 123, () {// 回调的业务逻辑});
};/**
* B 方法 最好加上ts约束
* param param1 参数1
* param param2 参数2
* param fun1 参数函数1这里是一个函数
*/
const funB (param1:string, param2: number, fun1: Function){// 拿到参数做业务 ....// 执行参数函数这里会执行到A方法中传递的方法fun1();
}
其实vue中有很多这种示例如vue响应式的逻辑处理有很多都是将函数存储到map set集合中然后去做逻辑这里主要的思路就是方法传参不仅可以传递普通参数也可以传递函数集合存储亦是可以存储函数等待特殊类型。
emits调用回调函数
回到主题哈结合上面的代码这里就很好理解了。正常emits用于子父组件的通信子组件通信父组件使用回调函数就是想父组件接受了子组件的消息后再回调到子组件中。
// 子组件
emtis(demoBack, data, () {// 回调业务
});// 父组件
子组件 demoBackhandleDemoBackconst handleDemoBack (data, fun) {// data 是传递的数据// 执行回调函数fun();
};
