javascript - document.querySelector.bind(document); 是什么意思？

Question

我正在检查来自 html5rocks 的这段代码: http://www.html5rocks.com/static/demos/parallax/demo-1a/scripts/parallax.js

注意他们使用

(function(win, d) {

  var $ = d.querySelector.bind(d);

  ....

  var mainBG = $('section#content');

  ....

})(window, document);

为什么他们将文档绑定(bind)到 querySelector。它不是已经在文档范围内了吗？

Answer 1

不，the function不绑定(bind)到特定文档(可能还有其他文档，而不仅仅是 window.document)。试试看，你会得到一个 WRONG_THIS_ERR 异常 - 你需要将它应用到一个实现了 Document interface 的对象上.

也可以看看 MDN's introduction to the this keyword关于如何确定函数调用的 thisVal("context")。