客户端界面开发,一种基于映射关系的简洁编码方案

693 阅读1分钟
如果,你
代码很正整洁,在起初
但,业务变更、时间推移
她,逐渐的
开始混乱...

Why

没有规矩,不成方圆!

客户端界面通常会存在诸多事件(用户点击等),而每个点击事件的背后又会是一连串的动作。一图胜千言,如下图所示,各动作之间

  1. 有潜在的关联关系
  2. 关系路径有多条

image.png

你会怎么做?

如果实际情况就如上图所示,你的代码是什么样子呢?

通常,我会这样写!

function eventA(){
    action1();
    action2();
    action3();
    
    action2.1();
}
funciton eventB(){
    action1.1();
    action2.1();
    action3.1();
    
    action2.2();
}
function eventC(){
    action1.2();
    action2.2();
    action2.3();
    
    action2();
}

function action1(){}
funciton action2(){}
function action3(){}

function action1.1(){}
function action2.1(){}
function action3.1(){}

function action1.2(){}
function action2.2(){}
function action2.3(){}

未完待续...

海内存知己
天涯所比邻

加V:LeastCoding