V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
FaiChou
V2EX  ›  React

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

  •  
  •   FaiChou ·
    FaiChou · 2019-01-08 13:25:22 +08:00 · 2154 次点击
    这是一个创建于 2145 天前的主题,其中的信息可能已经有所发展或是发生改变。

    场景:

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

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

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

    有什么好的起名方案吗?

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

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

    4 条回复    2019-01-12 17:50:58 +08:00
    GDC
        1
    GDC  
       2019-01-08 13:46:07 +08:00 via iPhone
    点击事件我一般加上 on 比如 onChangeAddress,
    网络请求一般是分开写,封装在 http 或 api 封装中,如果当前组建也要写,那会写 requestChangeAddress 之类的…
    FaiChou
        2
    FaiChou  
    OP
       2019-01-08 14:02:25 +08:00
    @GDC redux 的 action 呢? changeStoreAddress?
    TheXuYu
        3
    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
        4
    FaiChou  
    OP
       2019-01-12 17:50:58 +08:00
    @TheXuYu 好的谢谢, 可以参考下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2803 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 12:57 · PVG 20:57 · LAX 04:57 · JFK 07:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.