别再给所有函数起名叫 handleClick 了，也别起那种单一又模糊的名字

主要观点总结

文章主要讨论了函数命名在编程中的重要性，以及如何在写函数时给函数命名的最佳实践。作者鼓励开发者使用描述性的函数名称，避免使用模糊的命名如handleClick等，并说明了这样做能够提高代码的可读性和可维护性。

关键观点总结

关键观点1: 文章指出了函数命名的重要性。

函数名应该描述函数的功能而非触发方式。使用描述性的函数名称可以提高代码的可读性和可维护性。

关键观点2: 文章鼓励开发者避免使用模糊的命名。

开发者应该避免使用像handleClick这样的模糊名称，而应该使用更具体的名称来描述函数的功能。

关键观点3: 文章提供了一个好的命名实践。

好的命名实践包括将函数命名为描述其功能的简短、明确、具体的名称，以提高代码的可读性和可搜索性。

关键观点4: 文章强调了语义清晰的命名的重要性。

语义清晰的命名让逻辑更易追踪，调试更快，有助于远离因代码不清晰而导致的痛苦。

正文

请到「今天看啥」查看全文

/button>

const handleClick = () => {
deletePost(id);
};

三个月后，你会怀疑：“这是删除帖子的吗？删除评论还是用户？会不会误删？”

正确做法：

删除</button>

const handleDeletePost = () => {
  deletePost(id);
};

秒懂。即使是凌晨两点熬夜，也能立刻看懂函数的功能，无需追查文件。

---

事件是触发方式，函数讲述故事

写 onClick={handleClick} ，描述的是“怎么调用”。 写 onClick={handleAddToCart} ，描述的是“为什么调用”。

这个微小差别，会极大提升代码的可维护性，尤其是在处理复杂组件树时。

---

反模式的快速滋生

像 handleClick 、 onChangeHandler 、 doSomething 这样模糊的名字，就像玩打地鼠一样抓不住逻辑。

想象这种噩梦：

请到「今天看啥」查看全文