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

Question

我问是因为我正在编写一个 Angular 指令，要求我引用 parent 和 grandparent 元素。这意味着我最终会为诸如 'grand parents' innerheight 之类的东西命名。类似于：

var grandParentInnerHeight = $grandParent.innerHeight();

有朋友建议用nth来命名，但是用数字来命名变量似乎也不对。

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

有什么想法吗？

Answer 1

我见过有人使用像

这样的缩写

var gpInnerHeight = foo;

或

var grandPInnerHeight = foo;

但我个人觉得写变量全名没问题。它使理解变得清晰，但只需要多花几毫秒来编写它。

另外，对于JQuery，我看到有些人想通过在JavaScript变量和JQuery变量前加一个$来区分JavaScript变量像这样。

var $grandParentInnerHeight = foo.innerHeight();

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

Javascript naming convention for related DOM elements?