简单的订阅者/发布者模式

来源：互联网发布：王阳明知乎编辑：程序博客网时间：2024/05/16 23:55

<!DOCTYPE html>
<html>
<head>
<title>my login</title>
<script type="text/javascript" src="jquery-2.2.3-unzip.js"></script>
</head>
<script type="text/javascript">
var zym={};
zym.on=function() {

var arg=Array.prototype.slice.call(arguments);
var eventType=arg.shift();
var callback=arg.shift();

this.list || (this.list={});
this.list[eventType] || (this.list[eventType]=[]);
this.list[eventType].push(callback);
return this;
}

zym.trigger=function(){

var arg=Array.prototype.slice.call(arguments);
var eventType=arg.shift();
var data=arg.shift();

if(!this.list) return;
if(!this.list[eventType]) return;
var length=this.list[eventType].length;
for(;length--;){

this.list[eventType][length].call(this.list,data);
}
}

zym.on("click",function(data){
console.log(data)
}).on("click",function(data){
console.log(data)
}).on("click1",function(data){
console.log(data)
}).trigger("click1",{hello:1})
a=[1,2,3,4];length=a.length
for(;length--;){
console.log(a[a.length-length-1])}
</script>
<body >

</body>

</html>

0 0