函数的回调参数

196 阅读1分钟

使用框架时发现有时会提供一个指定参数,可以使用这个指定参数的属性和方法,简单的demo。

    <button id="btn">按钮</button>
    // 实现一个带参数的函数的简单封装
    var userMsg = {
        name: 'admin',
        age: 18
    }
    function test(msg,callback) {
            if(typeof callback === "function"){
            //调用它,既然我们已经确定了它是可调用的
            callback(msg);
        }
    }
    function btnClick(fn){
        var btn = document.getElementById("btn")
        btn.onclick = function() {
             test(userMsg,fn)
        }
    }
   //当调用btnClick函数是会给按耨注册绑定事件,并将userMsg作为参数返回给新函数使用
   btnClick((msg)=>{
       console.log(msg)
   })

此时实现了一些封装的效果,例如封装一个表格,给某一列封装点击事件时可以将这一列的数据以参数的形式返回给调用者使用