backbone.js的例子问题

[ljbha007]

最近在学习backbone.js
看到第一个例子就有看不懂的地方
http://arturadib.com/hello-backbonejs/docs/1.html

(function($){
var ListView = Backbone.View.extend({
...
initialize: function(){
_.bindAll(this, 'render'); // fixes loss of context for 'this' within methods

this.render(); // not all views are self-rendering. This one is.
},
...
});
...
})(jQuery);

请问：
Q1: 为什么用 (function($){})(jQuery);而不用 (function(){})();?

Q2: _.bindAll(this, 'render') 是干啥的? 为什么可以“fixes loss of context for 'this' within methods”?

麻烦懂的解答一下 感激不尽

[zythum]

Q1.
比如
(function($){
setTimeout(function(){
alert($);
},200)
})(JQuery);
JQuery = null;


(function(){
setTimeout(function(){
alert(jQuery);
},200)
})();
jQuery = null;

这样就应该能理解了。

2. 就是把这些自定义事件绑到this上

[ljbha007]

@zythum
谢谢
第一个我明白了
第二个“把这些自定义事件绑到this上”是什么意思？这样的绑定又是怎么防止"loss of context for 'this' within methods"的呢？

[zythum]

Q2. 其实解释改下this的上下文。
比如
var a = {
click: function(){alert(this)}
}
a.click(); => alert window

_.bindAll(a,'click');
DOM.bind('click', a.click)
点击 => alert DOM

[zythum]

@ljbha007 我 backbone不怎么用。 应该是这样。如果不对请指正

[FuryBean]

Q1: 提供使用其他选择器的可能，比如zepto.js

Q2：_.bindAll的文档看这里：http://underscorejs.org/#bindAll
如果了解bind，看_.bind的说明：
Bind a function to an object, meaning that whenever the function is called, the value of this will be the object. Optionally, bind arguments to the function to pre-fill them, also known as partial application.

[ljbha007]

@zythum
第一段代码运行结果不是window是a本身[Object object]
第二个运行不了

[zythum]

@ljbha007
恩。第一个应该是a 我错了。
DOM是一个dom么。比如 $(document.body)之类的。

[ljbha007]

@zythum
不过我最后搞懂那个_.bindAll的意思和原理了 貌似是利用.apply或者.call方法来注入一个this对象

[zythum]

@ljbha007 恩。就是改变了this的上下文环境

[jinwyp]

_.bindall 现在不用了都用 model.on 了 网站的教程比较老 看这个吧
<amp-youtube data-videoid="PqtYcHyyWJA" layout="responsive" width="480" height="270"></amp-youtube>