javascript - Backbone 基础知识

Question

首先请原谅我的低编程技能和问一些你可能会觉得显而易见的事情。我正在自学，没有比在线书籍和此类网站更多的帮助。

我正在阅读 A. Osmani 着名的“开发主干应用程序”，试图理解并且不让事情泄露出去。

我对以下几行有疑问:

(这是 View 介绍的一部分，http://addyosmani.github.io/backbone-fundamentals/#application-view)

 initialize: function() {
      this.allCheckbox = this.$('#toggle-all')[0];
      this.$input = this.$('#new-todo');
      this.$footer = this.$('#footer');
      this.$main = this.$('#main');

什么是“this.allCheckbox”、“$input”、“$footer”和“$main”？...他选择的是已经存在的元素吗？定义它们？为什么“allCheckbox”不像其他选项那样以“$”开头？

感谢您的帮助。

Answer 1

$ 前缀变量通常是指一个 jQuery 对象(如您所见，他正在选择 DOM 节点以分配给这些变量。这只是一个约定。

this.$() 方法运行范围内的 jQuery 选择。它在 View $el 元素内找到查询的匹配项。这比搜索整个页面运行得快一点。他确实选择了这个 View 的 $el 中已经存在的元素。

allCheckbox 没有 $ 前缀，因为通过在 jQuery 对象数组上使用 [0]，您实际上那时返回原始 DOM 节点，而不是 jQuery 对象。使用这样的变量命名可以帮助您在非类型化语言中了解该变量可能存在哪些方法。