吐槽下前端烂代码

[ChefIsAwesome]

获取了这样的一个数据：

	
    data: {
    	foo: {
        	bar,
        },
    }

接着他把这数据传给组件。传的是 foo 的数据，字段名却写成了 bar 。

	<Component :bar="foo" />  

接下里他写了好几十个组件，全都这么干。this.bar.bar 这样的写法频频出现，他也无所谓，破罐子破摔了。

我这是造了多大的孽，才得来重构这种鬼东西。

[neutrinos]

老板听到重构就觉得你在摸鱼

[gouflv]

说实话，我自己写的 vue 项目，都不太敢重构

[EPr2hh6LADQWqRVH]

这几个框架层层盘剥，前端的可维护性简直就是笑话

[EPr2hh6LADQWqRVH]

前端最常见的维护手段就是整体重写，重写之后等着过两年再次重写

[tonytonychopper]

说明了 lint 和 cr 的重要性= =

[shakaraka]

没有类型就是这个样子

[vivipure]

项目开发 code review 还是有必要的

[kunkunzhang]

一定要 cr ，条件允许的话一个 pr/mr 最好两个人以上 cr 通过再合，大家互相纠正，为了保证代码质量也为了一起进步

[hhjswf]

前端有什么重构的必要吗

[wu67]

讲真, 如果不是公用组件, 其实根本不用管太多, 因为说不定下周就改了, 或者写完丢上去就再也不会动了, 思考简直浪费时间, 在老板面前也讨不到好...

个人认为只有反复 /多处使用的的公共组件才有规划和重构的需要, 至于其他的, 能把数据逻辑和命名捋清就行

[liyang5945]

让你见识见识我司大神的代码

[Terminator0826]

this.爸.爸 🌝

[yanqing07]

@liyang5945 看起来是 jQ 时代的产物。如果是那个时代的代码，我觉得可以理解。那时候没有 lodash ，没有 filter/map/reduce 这些大家都是层层循环的多

[liyang5945]

@yanqing07 #13 是 jq 时代的没错，但是到 2020 年他仍然在写这种代码，真的恶心人

[darkengine]

如果是完全接手了，用 IDE 给重命名了吧，不然不知道啥时候一个没注意就出 bug 了

[kingjpa]

@liyang5945 糟糕，这代码是我喜欢的风格

[cszchen]

@liyang5945 糟糕，是心动的感觉

[liyang5945]

@kingjpa #16
@cszchen #17 再来一点，注意行号

[kingjpa]

@liyang5945 我收回我说的话

[langzibuhuishou]

只会一点点前端，看了楼上截图的代码。带入场景，如果是自己接手的话，已经开始头疼恶心了。