Установить внешнюю функцию объекта, которая может быть вызвана внутренне

Question

Я хочу, чтобы иметь возможность установить функцию onbroadcast в SpeechRecognition после создания нового объекта 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

Вам необходимо обратиться к onbroadcast как property вашего экземпляра (this.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(); 
}