【问题标题】:function name, "onButtonClick" or "onClickButton" [closed]函数名称,“onButtonClick”或“onClickButton”[关闭]
【发布时间】:2019-09-26 19:32:14
【问题描述】:

我是日本的 Web 开发人员。

我想在英语方面做得更好。

什么是函数的正确名称,意思是“当按钮被点击时”?

“onButtonClick”?

“点击按钮”?

“onButtonClicked”?

“onClickedButton”?

我喜欢“onButtonClick”然后是“onClickButton”,“onButtonClicked”然后是“onClickedButton”。

【问题讨论】:

  • 我认为没有一种“正确”的方式来编写它们或约定。在 stackoverflow 上也没什么可问的,试试 Code Review codereview.stackexchange.com
  • 选择正确的名称是编程的难点。这个问题可能会在english.stackexchange.com 上得到更好的答案,前提是您阅读了他们的导览并确保它与那里的主题相关。这里很可能被认为是题外话,因为它是一个基于意见的问题。
  • 非常感谢!!!我会在那里问同样的问题!!!
  • @akao 即使是母语为英语的人,也很难给出好的变量名。这实际上是开发人员面临的普遍问题.. Ganbatte kudasai! :)
  • @wentjun 谢谢。好吧,那么即使没有正确,哪个是你最喜欢的?

标签: javascript typescript vue.js


【解决方案1】:

“onButtonClick”或“onClickButton”

[注意给其他人:这个问题也在English.SE上被问到,这是对母语不是英语的人的解释;并希望帮助命名函数。]

一次读一个单词,从左到右。第一个大写的单词是对象或动作。第一个单词“on”表示它是一个处理程序,第二个单词是动作或对象。

object first”这个词出现在对象上。 'action first' 词用于 动作。

按钮可能有一个 onButtonClick() 函数,它可能会调用 onClickButton() 函数如果您希望处理按钮上的点击。第二个函数不是强制性的,第一个函数可能是为您所在的 GUI 定义的(在其头文件中)。


按钮是一个对象,点击是一个动作。两者都不是唯一的可能性。

例如,您可以拥有称为:按钮、图像、缩略图(小图像)和文本的对象。对于您可能执行的操作:单击并悬停。

有比上面列出的更多的可能性,但让我们保持相当简单。

因此,当您有一个按钮、图像、缩略图或文本(一句话中只有一个词)时,我们假设您可以:在屏幕上滚动鼠标而不对任何这些对象进行操作、单击某物或暂停您的将鼠标悬停在某物上但不点击它(悬停)。

现在让我们假设某处有一个“按钮”。 您对按钮执行某事时,它就是“onButton”。 接下来您对按钮执行的操作,您可以单击或悬停,除非您都不执行任何操作。

如果你点击,你“onButtonclick”,如果你悬停,你“onButtonHover”。

希望到目前为止很清楚。

现在你“onButtonClick”或“onButtonHover”你可以选择触发一个处理程序来做某事作为你的动作的结果,你也可以忽略它并且什么都不做。

如果您选择处理它,那么这是“onClick”或“onHover”。

onClick() 或 onHover() 函数(如果存在)可以做一些事情。也许当你悬停时你想突出显示,也许不是。也许当您单击时,您想要的活动(动作),也许不是。

所以 onClick() 函数可能必须处理(采取行动)对按钮或图像或缩略图或文本(一个单词)的点击,与 onHover() 函数相同可能有也可能没有。

关注,到目前为止?

因此,onClick() 函数可能具有 onClickButton、onClickImage、onClickThumbnail 和 onClickText 子例程(全部、任何一个,甚至没有)。

另见:“Create your own controls - the art of subclassing

“onButtonClicked”一词返回约 22,000 个搜索结果,“onClickedButton”一词返回约 608 个结果,“onButtonClick”约 122,000 个,“onClickButton”约 27,600 个。什么是首选是很清楚的。

【讨论】:

  • 非常感谢。我需要一点时间来理解这一点。你的意思是,如果你在一个元素上写事件,比如
  • 我们可以这样写吗? onButtonClick () { onClickButton(); onHoverButton(); };
猜你喜欢
  • 2019-09-10
  • 2012-07-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-16
相关资源
最近更新 更多