bind/on in JavaScript, jQuery, Backbone, Underscore

• jQuery

$( "#foo" ).bind( "click", function() {

alert( "User clicked on 'foo.'" );

});
on的別名

• Backbone

var object = {};
_.extend(object, Backbone.Events);

object.on("alert", function(msg) {
alert("Triggered " + msg);
});

object.trigger("alert", "an event");

object在extend Backbone.Events後得到bind和trigger自定義名稱的events的能力。
on的別名

• Underscore

bind
_.bind(function, object, *arguments)

var func = function(greeting){ return greeting + ': ' + this.name };
func = _.bind(func, {name: 'moe'}, 'hi');
func();
=> 'hi: moe'

將function綁定到object，function調用時，this將指向object。

bindAll _.bindAll(object, *methodNames)
用一系列的methodNames將methods綁定到object，function調用時將在object的上下文中。

• JavaScript

Function.prototype.bind()

fun.bind(thisArg[, arg1[, arg2[, ...]]])

與其餘三種bind關係不大。