js回调函数

回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。

函数指针是指向函数的指针变量。 因此“函数指针”本身首先应是指针变量，只不过该指针变量指向函数。

函数指针有两个用途：调用函数和做函数的参数。

作用：

js代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束之后再进行下一个操作，这时候就需要用到回调函数。

基本案例：

<script language="javascript" type="text/javascript">
function doSomething(callback) {
    // 调用回调函数
    callback('我', '网名', '叶落森');
} 
function foo(a, b, c) {
    //这是回调函数
    alert(a + " " + b + " " + c);
} 
doSomething(foo); 
</script>

 项目中的案例：

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)//调用回调函数
                }
            });
        },
}