js实现一个既可以当做对象调用也可以当做函数调用的方法

定义一个方法，让他既可以当做函数直接调用，也可以当做对象调用。

// 创建一个函数
function MainFn(params){

    this.MainFnObj = {
        name: 'mainFnName'
    }
    return this;
}
// 执行函数
MainFn.prototype.execute = function (data){
    console.log(data)
    return
}
// 给实例添加属性
MainFn.prototype.children1 = function (data){
    return this.execute({name:'子函数1',...data})
}
MainFn.prototype.children2 = function (data){
    return this.execute({name:'子函数2',...data})
}
MainFn.prototype.children3 = function (data){
    return this.execute({name:'子函数3',...data})
}

let context = new MainFn();
let instance = MainFn.prototype.execute.bind(context);
// 扩展instance属性
for(let i of Object.keys(MainFn.prototype)){
    instance[i] = MainFn.prototype[i].bind(context);
}
for(let i of Object.keys(context)){
    instance[i] = context[i]
}

console.log(instance.MainFnObj)
instance({name:'name1'})
instance.children1({name:'children1'})