JavaScript 如何重复绑定问题?
巴扎黑
巴扎黑 2016-11-08 15:52:39
[JavaScript讨论组]
var audio = new Audio();
audio.onended = function(e){    console.log('end 1');
}
audio.onended = function(e){    console.log('end 2');
}

上面代码很只会输出end 2,要怎么才能做到能输出end 1 和 end 2?

我自己想了一种方法

bind(handler, cb){
    !m && (m = []);
    !m[handler] && (m[handler] = []);
    m[handler].push(cb);
}
    
bind('ended', function(e){    console.log('1');
});
bind('ended', function(e){    console.log('2');
});var audio = new Audio();
audio.onended = (e) => {    for (var k in m['ended']){
        m['ended'][k](e);
    }
}

大概就是这样,用数组保存,然后audio方法循环调用
但是我就感觉实现的方式不够优
希望各位不吝赐教


巴扎黑
巴扎黑

全部回复(1)
面对疾风吧
var components = function(){
var cache = {};return {    set: function(type, handler){        cache[type] = cache[type] || [];        cache[type].push(handler);    },    get: function(type){        return [].concat(cache[type] || [], cache["*"] || []);    }}

}思路非常正确,我的组件就是这么写的,需要执行时用get获取然后循环执行


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号