Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义事件在类中完成_Javascript_Jquery_Class_Custom Event - Fatal编程技术网

Javascript 自定义事件在类中完成

Javascript 自定义事件在类中完成,javascript,jquery,class,custom-event,Javascript,Jquery,Class,Custom Event,以下两个代码示例是在一次工作面试中提供给我的,我无法使其正常工作: //CODE1: var e = new Event(); e.on('myevent', function (a, b) { console.log(a + ' ' + b); }); e.trigger('myevent', ['Hello', 'world']); //CODE2: e.on('hello', function() { console.log('Hello'); this

以下两个代码示例是在一次工作面试中提供给我的,我无法使其正常工作:

//CODE1:
var e = new Event();

e.on('myevent', function (a, b) {
    console.log(a + ' ' + b);
});

e.trigger('myevent', ['Hello', 'world']);


//CODE2:  
e.on('hello', function() {
    console.log('Hello');
    this.trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');
因此,无法修改给定的两个代码,名为
Event()
的类应该可以工作,这样两个代码示例都将输出“Hello world”。 现在,我不是在要求一个完整的答案。我不太擅长Javascript中的类和自定义事件。我知道基本情况,但如果你明白我的意思的话,我还没有掌握。我一直在搜索教程,但我需要一个“更聪明”的人告诉我应该从哪里开始,为我的问题提供一些好的教程链接

谢谢

.on()用于将事件绑定到元素。无法将事件绑定到事件,请参见示例代码:

$('div').on('hello', function() {
    console.log('Hello');
    $(this).trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');
.on()用于将事件绑定到元素。无法将事件绑定到事件,请参见示例代码:

$('div').on('hello', function() {
    console.log('Hello');
    $(this).trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');
.on()用于将事件绑定到元素。无法将事件绑定到事件,请参见示例代码:

$('div').on('hello', function() {
    console.log('Hello');
    $(this).trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');
.on()用于将事件绑定到元素。无法将事件绑定到事件,请参见示例代码:

$('div').on('hello', function() {
    console.log('Hello');
    $(this).trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');
演示

代码:

演示

代码:

演示

代码:

演示

代码:


您的回答使我的问题看起来小了一点,但我仍然无法理解,我应该如何实现
Event()类$('div').on(e.type,function(){…})
我不确定我是否理解您在寻找什么您的答案使我的问题看起来小了一点,但我仍然无法理解,我应该如何实现
Event()类
。您的意思是:
var e=$.Event(“hello”)$('div').on(e.type,function(){…})
我不确定我是否理解您在寻找什么您的答案使我的问题看起来小了一点,但我仍然无法理解,我应该如何实现
Event()类
。您的意思是:
var e=$.Event(“hello”)$('div').on(e.type,function(){…})
我不确定我是否理解您在寻找什么您的答案使我的问题看起来小了一点,但我仍然无法理解,我应该如何实现
Event()类
。您的意思是:
var e=$.Event(“hello”)$('div').on(e.type,function(){…})我不确定我是否了解您在寻找什么