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

This topic created in 2680 days ago, the information mentioned may be changed or developed.

场景:

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

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

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

有什么好的起名方案吗?

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

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

函数

前缀

component

起名

4 replies • 2019-01-12 17:50:58 +08:00

1

GDC

Jan 8, 2019 via iPhone

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

2

ethusdt

OP

Jan 8, 2019

@GDC redux 的 action 呢? changeStoreAddress?

3

TheXuYu

Jan 12, 2019

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

4

ethusdt

OP

Jan 12, 2019

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