Есть ли способ реализовать EventTarget с простым JS?

Question

Пытаюсь (возможно, напрасно), чтобы придумать способ использовать шаблон публикации-подписки, а а) использованием нет библиотек и б) минимизируя шаблонный код в модулях, которые используют его. До сих пор лучшее, что я придумал это:

var handle = document.createElement(); 
var unsubscribe = AwesomeModule.subscribe(handle); 

handle.addEventListener('awesome', function() { 
    console.log('awesome'); 
}); 

Это будет работать очень хорошо, за исключением того, что люди, использующие AwesomeModule могут быть сбиты с толку того, чтобы обеспечить случайный элемент DOM, который не используется в качестве элемента ,

Я попытался следующие, и он не работает слишком хорошо:

var handle = Object.create(EventTarget); 
var unsubscribe = AwesomeModule.subscribe(handle); 

handle.addEventListener('awesome', function(){ 
    console.log('awesome') 
}); 

я TypeError: Object [object Object] has no method 'addEventListener'. Интересно, что в цепочке прототипов, похоже, нет, хотя дескриптор имеет EventTarget в качестве своего прототипа.

Почему это не работает? Есть ли способ реализации EventTarget с чистым JS? Можно ли это сделать в одной строке кода, которая не будет ужасать пользователей AwesomeModule?

EDIT: Я не знаю, почему это не произошло со мной прошлой ночью, но я полагаю, что EventTarget является интерфейсом, что он не имеет реализованного кода. Что вводит в заблуждение, так это то, что в консоли отладчика Chrome Object.create(EventTarget) создает объект, который появляется, чтобы addEventListener in был прототипом цепочки. Возможно, его ложь. Может ли кто-нибудь объяснить это поведение? Может ли кто-нибудь объяснить, почему W3 решил не делать EventTarget конкретным «классом»?

Answer 1

Похоже, что ответ на мой первоначальный вопрос - «да». Поскольку JavaScript не имеет такой модели наследования, как Java, которая выполняет проверки времени компиляции для юридической реализации, я полагаю, что любой объект может реализовать интерфейс, просто используя методы с тем же именем. Однако сделать это будет создание библиотеки, поскольку код addEventListener не реализован в EventTarget (ранее я предполагал, что это было). Поскольку, похоже, нет кросс-браузерного способа получения ванильного EventTarget, я, вероятно, буду использовать window.addEventListener в сочетании с настраиваемыми событиями.

Answer 2

Источник находится здесь: https://code.google.com/p/chromium/codesearch#chromium/src/third_party/trace-viewer/src/base/event_target.js&sq=package:chromium&type=cs&l=18

Если вы не можете изменить его, вы всегда можете повторить его.

Answer 3

Вот простой набор подпрограмм, который хорошо работает. с a small polyfill for IE9 and 10, поддержка приличная.

Вы можете включить эти функции в свой проект по мере необходимости, я не думаю, что он представляет собой библиотеку, или я бы не опубликовал это.

var on = addEventListener.bind(window), 
off = removeEventListener.bind(window), 
emit = function(name, val) { 
    dispatchEvent(new CustomEvent(name, { 
     detail: val 
    })); 
}; 



// demo: 
on("test", function(e){ alert(e.detail);}); 
emit("test", "Number is " + Math.random()); 

я не думаю, что он может получить гораздо проще (~ 180 символов) без ущерба для совместимости скорости или библиотеки.