相关 DOM 元素的 Javascript 命名约定？

Question

我问这个问题是因为我正在编写一个 Angular 指令，要求我引用父元素和祖元素。这意味着我最终会得到像“祖 parent ”innerheight 这样的长名字。像这样的东西:

var grandParentInnerHeight = $grandParent.innerHeight();

一位 friend 建议使用 nth 来命名这些变量，但在命名变量时使用数字似乎也是错误的。

我知道有些人可能会建议重组我的代码，这样我就不需要祖 parent ，但在这种情况下这是必要的。

有什么想法吗？

Answer 1

我见过人们使用缩写，例如

var gpInnerHeight = foo;

或

var grandPInnerHeight = foo;

但就我个人而言，我觉得写变量的全名没有问题。它很容易理解，但只需要多花几毫秒的时间来编写它。

另外，对于 JQuery，我见过一些人想通过在 JavaScript 变量和 JQuery 变量前面放置一个 $ 来区分它们。

var $grandParentInnerHeight = foo.innerHeight();

这是一个网站，其中介绍了一些我认为有用的命名约定。

Click me