React 函数起名有啥好方案吗?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2182 天前的主题，其中的信息可能已经有所发展或是发生改变。

场景:

一个 Component 里, 点击按钮提交更改地址, 此时:

网络请求的函数名: changeAddress()
redux 的 action: changeAddress()
本地按钮点击的响应函数: this.changeAddress()
如果用了 saga: function* changeAddress()

像这种场景挺多的, 每次都要花点时间来避免函数名重复导致别人 /甚至自己的误解.

有什么好的起名方案吗?

比如网络请求的函数统一加前缀 fetch? fetchChangeAddress .. 感觉不太好.

component 里的函数统一添加前缀 _ ? _changeAddress ?

函数

前缀

component

起名

4 条回复 • 2019-01-12 17:50:58 +08:00

GDC

2019-01-08 13:46:07 +08:00 via iPhone

点击事件我一般加上 on 比如 onChangeAddress，
网络请求一般是分开写，封装在 http 或 api 封装中，如果当前组建也要写，那会写 requestChangeAddress 之类的…

FaiChou

2019-01-08 14:02:25 +08:00

@GDC redux 的 action 呢? changeStoreAddress?

TheXuYu

2019-01-12 17:49:39 +08:00

可以这样写：
1. 网络请求的函数名: service.changeAddress()
2. redux 的 action: CHANGE_ADDRESS()
3. 本地按钮点击的响应函数: this.onChangeAddress() / this.handleChangeAddress()
4. 如果用了 saga: function* asyncChangeAddress()

FaiChou

2019-01-12 17:50:58 +08:00

@TheXuYu 好的谢谢, 可以参考下