clickHandler 或 handleClick 或 onClick 或 signUp 或 handleSignUp 或 signUpHandler？答案

【问题标题】：clickHandler or handleClick or onClick or signUp or handleSignUp or signUpHandler?clickHandler 或 handleClick 或 onClick 或 signUp 或 handleSignUp 或 signUpHandler？
【发布时间】：2020-07-20 20:27:15
【问题描述】：

javascript中函数命名约定的行业标准是什么？

我知道遵循任何模式取决于我，但我想了解行业标准并遵循一种特定模式。

const handleClick = () => {
  // sign up logic
}

或

const clickHandler = () => {
  // sign up logic
}

或

const onClick = () => {
  // sign up logic
}

或

const signUp = () => {
  // sign up logic
}

或

const handleSignUp = () => {
  // sign up logic
}

或

const signUpHandler = () => {
  // sign up logic
}

【问题讨论】：

标签： javascript typescript coding-style naming-conventions prettier

【解决方案1】：

如果有完整的命名示例指南，请点击此处：link

【讨论】：

【解决方案2】：

我会投票给 signUp。函数不应该以它的使用方式命名；它应该以它的作用（如果它有副作用）或它返回的东西（如果它是一个纯函数）简洁地命名。

这是我个人在命名标识符时使用的方案：

变量，或无副作用的函数
- 真值（布尔值）：
  形容词短语或“is”前缀，例如newsletterSent, isSignedUp
- 非真值：
  名词短语，例如sentNewsletters, signedUpCustomers
具有副作用的功能：
动词短语，例如注册，发送通讯

【讨论】：