將函數添加到構造函數原型的方法，該方法可以從構造函數實例訪問此方法

Question

我想要以下代碼中的注釋所期望的結果：

// constructor
function As(data) {
  this.data = data
}

function helloWorld() {
  console.log(this.data)
}

helloWorld.myMethod = {
  // ...do sideffect
  // desired: execute helloWorld here bound against `asI` 
}

As.prototype.helloWorld = helloWorld


const asI = new As('some data')
asI.helloWorld() // => 'some data'

// desired
asI.helloWorld.myMethod() // desired result: => 'some data'

編輯：這不是JavaScript的重復-正如我所認為的，這由下面的解決方案證明。

Answer 1

如果您確實需要此屬性在原型中，則可以使用自定義屬性getter。

 // constructor function As(data) { this.data = data } Object.defineProperty(As.prototype, 'helloWorld', { get: function() { function helloWorld() { console.log(this.data) } helloWorld.myMethod = (function(){ console.log(this.data) }).bind(this); return helloWorld; } }); const asI = new As('some data') asI.helloWorld() // => 'some data' // desired asI.helloWorld.myMethod() // desired result: => 'some data' 

請記住，這個天真的實施將創造新的功能，每次訪問時間helloWorld 。

Answer 2

您可以將getter與Object.assign()一起使用：

 // constructor function As(data) { this.data = data } function helloWorld() { console.log(this.data) } Object.defineProperty(As.prototype, 'helloWorld', { get() { return Object.assign(helloWorld, { myMethod: () => { console.log(this.data) }, }) }, }) const asI = new As('some data') asI.helloWorld() // => 'some data' asI.helloWorld.myMethod() // => 'some data'