YUI事件:自定義事件,以及這幾天對javascript程式設計的認識
阿新 • • 發佈:2019-01-04
程式碼
<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要點,開始函式即是物件的程式設計,函式式了吧