吐槽 5 年经验年薪 20W+前端同事写的屎山代码

[BruceLe]

鄙人前端一枚，几个月前入职了一家传统行业公司，技术栈都比较陈旧，前端开发还是 jquery 手写 dom 的开发方式，我进来之后写的新项目都是使用 vue 写的，但不维护以前的代码。现在有个同事要离职了，就把他以前写的老项目都交给我维护了，我打开一看被这代码秀的一愣一楞的，细细看了之后头皮发麻，手写 dom 拼接 html，大量行内样式夹杂其中：

这位同事年薪 20W+，5 年经验，之前写的都是这种代码，没用过 vue 之类的新技术，nodejs 和 npm 环境还是我帮他装的，我进来之后也教了他一些 vue 的东西，后面在他在新写的 vue 项目中也负责了一些功能，我后来 build 项目的时候报了一个警告，说是有个文件超过了 500Kb，我打开他提交的文件一看，乖乖，一个 vue 文件他洋洋洒洒的写了一万多行，体积达到了 600 多 Kb，细看之后，我又被他的骚代码秀到了：

写的什么玩意？这是对一个布尔值取反的操作，这老哥先判断值是真的还算假的，如果为真则改为假，如果为假则改为真。我寻思这不是 a=!a 一行代码就能搞定的事吗？ 后面又随便翻了下，类似的代码出现了好多次。

这同事的 5 年经验是实打实的 5 年经验，一年经验用 5 年的那种，他的技术你要说他烂我还有点想反驳，前面两张图那种代码你们猜他是用什么编辑器写的？你们绝对想不到，他是用 nodepad++写的，没有代码高亮，没有错误提示的 nodepadd++，用 nodepad++能写出这样的代码，我只能称之为神人。

后面又随便翻了下，又翻出来类似这样的，嗯，这其实是一行代码：

接手这样的代码是真的难受，今夜之后，这世界上又多了一个伤心的人。

[Loserzhu]

吐槽代码烂谁都会，写好代码确很难。顺便，同情一下楼主。

[pecopeco]

跟我的遭遇差不多，同样一个文件一万多行，不过我还是咬咬牙给重构了，历时接近一个月

[dreasky]

以后接手你代码的人也是和你一样想法的

[weyou]

等 5 年以后楼主再看看今天自己写的代码，估计心情是一样一样的

[James369]

你的选择就是：做一只屎克螂，或者继续往上拉一砣。。

[18758036350]

吐槽不牛逼，接手重构真大佬

[SupperMary]

笑死

[zhuangzhuang1988]

能用就行.
能给公司赚钱 更好.

[BruceLe]

@James369
@18758036350 继续堆屎山是不可能的，已经和 leader 反应了，leader 表示会给我时间重构

[DuXing]

FE：面试的时候也没问这些，问了"http 三次握手”、“一个浏览器从输入地址到打开页面都经历了什么”，我回答的都挺好。

[teawithlife]

贵司肯定是按照代码行数定年薪的～～

不过话说最后一张图，vue + element-ui 不是只能这么写么？难道有其他写法？

[zhengfan2016]

哈哈哈哈心疼 lz😂

[joshua7v]

没有代码高亮 没有错误提示
一样可以写代码 而且我见过的就挺多这样的
当然他们多数都是很早期的程序员了

工作的代码很难不变成屎山

[malloc2free]

有次去参加 hackathon，组到个用类 word 的文本编辑器写前端 h5 的大哥，白底黑字
同样没用框架，同样没有代码高亮错误提示

一言难尽，最难过的 24 小时

[BruceLe]

@teawithlife 那张图我是吐槽的是代码的可阅读性，连个换行没有，不同的配置项像下图这样换一下行，可阅读性不是提高很多？

[Kasumi20]

不知道楼上嚼什么, 我思量但凡上过 6 年级, 也不会连取反都不会写

[scys]

培训班的风格

[darknoll]

@teawithlife 说明 eslint 都不会用啊

[dji38838c]

this.showDescribition


Describition 是什么单词

[Bijiabo]

根据我的经验，这种人去阿里比较适合。