如何始终使“this”关键字引用父类（将子方法绑定到父类）？

Question

这是我的问题的最简单形式：

class Service1 {
  constructor() { this.name = 'service1' }
  getThisName() { console.log('Name: ' + (this && this.name)) }
}

const service1 = new Service1();

service1.getThisName() // 'service1' => :)

function mapper(fn, ...params) {
  this.name = 'mapper';
  // ...params can be parsed or generated here
  fn(...params);
}

mapper(service1.getThisName) // undefined => :'(

我知道我可以在mapper 函数中使用fn.bind(service1) 来解决问题，但由于fn 是动态的，我不想这样做。
我曾尝试搜索如何从子方法获取父类，但没有得到任何结果。

如果可能的话，我希望mapper 能够以可读 和直接 的方式调用类（或对象）的方法而不会丢失 this 引用。 mapper 总是在相同的上下文中被调用。

javascript中有没有办法解决这个问题？

---

我尝试过的

function mapper(fn, serviceClass) {
  fn.bind(serviceClass)();
}
mapper(service1.getThisName, service1) // OK but is not readable and seems hacky

function mapper(serviceClass, fnName) {
  serviceClass[fnName]();
}
mapper(service1, 'getThisName') // OK but autocompletion in the IDE don't work

function mapper(fn) {
  fn();
}
mapper(service1.getThisName.bind(service1)) // the "best practice" but in my case not enougth readable

真实用例上下文

在实际用例场景中，mapper 称为api2service。顾名思义，它与 expressJs 一起使用，将 api 路由映射到服务。这是代码的简化版本：

app.get(
  'get/all/users', // api endpoint
  api2service(
    userService.getAll, // getAll take filter as the first param
    ['req.query'] // req.query is the filter and is mapped AND parsed as the first param of the service function. Eg: {name: 'blah'}
  )
)

该代码重复了很多次，并且总是在相同的上下文中调用，这就是为什么我需要一些可读的东西，而不是严格遵守良好做法。

Answer 1

在实现bind operator proposal 之前，您对此无能为力。除了您的尝试之外，您还可以在构建时自动绑定方法（另请参阅https://github.com/sindresorhus/auto-bind）：

function autoBind(obj) {
    let proto = Object.getPrototypeOf(obj);
    for (let k of Object.getOwnPropertyNames(proto)) {
        if (typeof proto[k] === 'function' && k !== 'constructor')
            obj[k] = proto[k].bind(obj)
    }
}

class Service1 {
    constructor() {
        this.name = 'service1'
        autoBind(this);
    }
    getThisName() { console.log('Name: ' + (this && this.name)) }
}

function mapper(fn) {
    fn();
}

let srv = new Service1
mapper(srv.getThisName)

或使用绑定代理：

function Bound(obj) {
    return new Proxy(obj, {
        get(target, prop) {
            let el = target[prop];
            if(typeof el === 'function')
                return el.bind(target)
        }
    })
}

class Service1 {
    constructor() {
        this.name = 'service1'
    }
    getThisName() { console.log('Name: ' + (this && this.name)) }
}

function mapper(fn) {
    fn();
}

let srv = new Service1
mapper(Bound(srv).getThisName)