本篇文章为大家展示了怎么在JavaScript中使用回调函数，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
创新互联建站主营沅江网站建设的网络公司,主营网站建设方案,成都app开发,沅江h5成都微信小程序搭建,沅江网站营销推广欢迎沅江等地区企业咨询
作用：
js代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束之后再进行下一个操作，这时候就需要用到回调函数。
基本案例：
function doSomething(callback) {
// 调用回调函数
callback('我', '网名', '叶落森');
}
function foo(a, b, c) {
//这是回调函数
alert(a + " " + b + " " + c);
}
doSomething(foo);
项目中的案例：
vue项目中假设store中this指向没指向到vue，那么就可以用回调函数来实现它的iview的this.$Message效果。（当然这是很傻的。this指向没指向到vue，我们可以把vue引进store后，再new Vue()就行。import Vue from 'vue' var vuethis=new Vue()）
a.js
import {mapActions, mapGetters} from 'vuex';
export default {
name: 'role',
data () {
return {
};
},
computed: {},
methods: {
...mapActions(['getRoleData', 'getPowerData']),
callbackFn(type,content){//这是回调函数
if(type){
this.$Message.success(content)
}else{
this.$Message.error({
content: content,
duration: 5
})
}
},
initRoleId () {
this.getRoleData({path:'http://www.baidu.com/',callbackFn:this.callbackFn});
}
},
mounted(){
this.initRoleId();
}
};store中的js
actions: {
getRoleData ({commit}, {path,callbackFn}) {
axios.get(path + 'roles', {params: {pageSize: 500}}).then(res => {
if(res.data.retCode=="200"){
commit('ROLE_DATA', {roleData: res.data.data.records});
}else{
callbackFn(0,res.data.message)//调用回调函数
}
});
},
}上述内容就是怎么在JavaScript中使用回调函数，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
网站标题：怎么在JavaScript中使用回调函数
URL链接：
http://bjjierui.cn/article/jooejd.html
