1. 程式人生 > >YUI事件:自定義事件,以及這幾天對javascript程式設計的認識

YUI事件:自定義事件,以及這幾天對javascript程式設計的認識

程式碼

<script type="text/javascript">
	YUI().use('event-custom','node', function(Y) { //應用event-custom模組
		function Connector(url) {
			
			(function structure(){    //()()充當Connector的構造子,讓new Connector()時直接執行
				Y.augment(Connector, Y.EventTarget);  //註冊事件
				this.url = url;
			})();
			//定義一個事件 。
			//publish有2個的引數,第二個引數可對事件進行配置,如是否一次性、是否冒泡啊  等等,這裡我使用預設的
			//publish 放在 structure()之後
			this.publish("evnet:testEvent");
			this.url;
			this.data;
			this.accept = function() {
				this.data = url+"123456";
				this.fire("event:testEvent",{target:this}); //釋出事件
			};
		}
		
		var p = new Connector("http://xxxx");  //例項化
		p.on("event:testEvent", function(e) { //監聽事件
			alert(e.target.data);   //alert("  ...  123456") 
		});
		
		p.accept(); //呼叫方法,觸發事件
		
		
	});
</script>


一開始,JQuery以及YUI 讓我很不習慣,.on .one等讓程式多了變數,讓我頓生疑問,感覺靈活性背後的複雜。

之前我還想把jjavascript的程式設計寫法變為想JAVA一樣的,現在我的感覺是我徹底錯了,其實他本身就是和java一樣,只不過不需要去限定型別,只要知道物件就是{}就行了

1、javascript的世界都是物件

2、最重要的物件就是函式,

3、p.one是物件,也是函式,p.on也是,同時我們隨便寫一個函式也都是物件

4、心存以上3要點,開始函式即是物件的程式設計,函式式了吧