js回调函数

定义：

1.函数可以作为一个参数在传递到另一个函数中；

2.并不会马上被执行，它会在包含它的函数内的某个特定条件下被“回调”；

使用：

1.使用命名函数或者匿名函数作为回调；

2.传递参数给回调函数；

3.在执行之前确保回调函数是一个函数；

实例js——求平方和：

// 回调实例
function addSqua(num1,num2,callback) {
    var sum = num1 + num2;
    // 确保callback是一个函数 
    if (typeof callback === 'function') {
        return callback(sum);
    }
}
//命名函数写法
function squa(num){
    return num*num;
}
let value = addSqua(1,2,squa);

// 匿名函数写法(常用)
let value = addSqua(1,2,function (num) {
    return num*num;
});
console.log(value);     // 9

实例vue——获取点击的当前值的下一级数据显示：

data: {
    land: {
    name: '岳阳市',
    children: [
        { name: '君山区', children: [{ name: '君山镇1', children: [{ name: '北拓村1' }, { name: '北拓村2' }] }, { name: '君山镇2' }] },
        { name: '岳阳县' },
        {
            name: '华容县',
            children: [
                { name: '华容镇1', children: [{ name: '华容村-1' }, { name: '华容村-2' }] },
            ],
        },
        { name: '湘阴县', children: [{ name: '湘阴镇1' }, { name: '湘阴镇2' }] },
    ]},
}
methods: {
    // 获取下级的数据回调显示 name:君山镇1
    getCurChild(name) {
        var _data = [];
        var _land = this.land;
        var getCurChildList = function (data) {
            data.forEach(function (item) {
                if (item.children) {
                    if (item.name === name) {
                        _data = item.children;
                    } else {
                        getCurChildList(item.children);
                    }
                }
            });
        };
        getCurChildList(_land.children);
        return _data; //{ name: '北拓村1' }, { name: '北拓村2' }
    },
}