内部で呼び出すことができるオブジェクト関数を外部に設定する

Question

新しいSpeechRecognitionオブジェクトを作成した後に、関数onbroadcastをSpeechRecognitionに設定できるようにしたいので、特定の条件を満たす場合にこの関数を内部的に呼び出すことができます。

onerrorなどをwebkitSpeechRecognitionに設定するのと同じ方法で設定したいと考えています。デベロッパーツールでonerrorを見ると、hereのようなゲッター/セッターのようなものがあるかもしれませんが、私は確信することはできません。

これは可能ですか？

recognition.js：

var SpeechRecognition = function() { 
    var recognitionObject = new webkitSpeechRecognition(); 
    recognitionObject.onresult = function (event) { 
     if(event.results.length > 0) { 
      if (onbroadcast !== null && onbroadcast === 'function') { 
       onbroadcast('there are results'); 
      } 
     } 
    } 
    recognitionObject.onerror = function (event) { 
     console.log(event); 
    } 
    recognitionObject.onend = function (event) { 
     console.log(event); 
    } 
    recognitionObject.start(); 
} 

SpeechRecognition.prototype.onbroadcast = null; 

main.js：

var sr = new SpeechRecognition(); 
sr.onbroadcast = function(msg) { 
    document.getElementById('id') = msg; 
} 

Answer 1

あなたは、インスタンスのproperty（this.onbroadcast）としてonbroadcastを参照する必要があります。コンストラクタスコープ内の変数として魔法のように利用できるようにはなりません。

function SpeechRecognition() { 
    var self = this; // a reference to the instance 
    var recognitionObject = new webkitSpeechRecognition(); 
    recognitionObject.onresult = function (event) { 
     if (event.results.length > 0 && typeof self.onbroadcast === 'function') { 
      self.onbroadcast('there are results'); 
//   ^a property access 
     } 
    }; 
    recognitionObject.onerror = recognitionObject.onend = function (event) { 
     console.log(event); 
    }; 
    recognitionObject.start(); 
}