jQuery.bind() sự kiện trên đồng bằng javascript đối tượng

Question

Is it ok để ràng buộc jQuery sự kiện để đồng bằng, không DOM đối tượng javascript:

var myobject = {}; 
$(myobject).bind("foobar", function() { alert("daa"); }); 

$(myobject).trigger("foobar"); 

các tác động đối với bộ sưu tập

• rác là gì (không có tham chiếu mới nào được tạo ngăn ngừa đối tượng thành GC'ed)

• Thuộc tính đối tượng (thuộc tính mới được gán cho đối tượng)?

• Performance

Một số điều tôi đã ghi nhận

• tên tổ chức sự kiện không được xung đột với một tên hàm vào đối tượng, ví dụ bạn không thể có hàm init và sự kiện có tên init và kích hoạt nó correclty

Answer 1

Thay vì sử dụng hệ thống sự kiện jquery, tôi sẽ triển khai thực hiện mô phỏng theo phương pháp jQuery.Callbacks.

var myClass = function(){ 
    this._callbacks = {}; 
}; 
myClass.prototype = { 
    addEvent: function(evname,callback) { 
    if (!this._callbacks[evname]) { 
     this._callbacks[evname] = $.Callbacks(); 
    } 
    this._callbacks[evname].add(callback); 
    }, 
    removeEvent: function(evname) { 
    if (!this._callbacks[evname]) { 
     return; 
    } 
    this._callbacks[evname].remove(); 
    //Might need this too: 
    //this._callbacks[evname] = null; 
    }, 
    triggerEvent: function(evname) { 
    if (this._callbacks[evname]) { 
     this._callbacks[evname].fire(); 
    } 
    } 
}; 
var foo = new myClass(); 
foo.addEvent("foo",function(){ 
    console.log('foo'); 
}); 
foo.triggerEvent("foo"); 
foo.removeEvent("foo"); 
// event was removed, the below line won't do anything. 
foo.triggerEvent("foo"); 

http://jsfiddle.net/kEuAP/

---

Tuy nhiên, để trả lời câu hỏi của bạn, tôi không thấy bất kỳ vấn đề ngay lập tức với những gì bạn đang làm không phải là nó không được ghi chép lại và có thể thay đổi chức năng từ phiên bản lên phiên bản (mặc dù nó hoạt động trong tất cả các phiên bản hiện có 1.2.6+).

Answer 2

Xem dưới dạng hỗ trợ jQuery thay đổi thuộc tính đối tượng qua animate, điều này chắc chắn là tốt.

var obj = {'test':0}; 
var interval = setInterval(function(){console.log(obj);}, 250); 
$(obj).on("fun", function(){this.test++}); 

$(obj).animate(
    {'test':100}, 
    3000, 
    function(){ 
     console.log(obj); 
     clearInterval(interval); 


     $(obj).trigger("fun") 
     console.log("increment",obj); 
    } 
); 

//will console log {test: 1.5}, {test: 6.4} etc then {test: 100} 
//and finally "interval" {test: 101} 

bình luận sao lưu Quickredfox là một nguồn khá tốt quá: http://forum.jquery.com/topic/triggering-custom-events-on-js-objects