最近经常抱怨:我再也不想写一句 console.log()
了!
困惑
最近一直都在玩前端技术,其实也不算是纯粹的前端了,但是 js 语法体系里的东西确实越来越好用,npm 管理下的项目开发也变得充满了魔法。
但是,和其他平台一样,在开发的过程中,我们不停的输出各种变量,虽然我知道各种 debug 工具都很好用,但是,我们还是无法避免的需要把变量输出到调试面板,以给我们最直观的体验,这种最基础最直接的方式有时候觉得很蠢,但是不可或缺。
然而我是懒惰而不喜欢重复的,这种习惯体现在方方面面。
1 | console.log(sth); |
一度让我觉得,我自己在浪费生命。
具体的说,我常用的 console.log
应该和大多数人的用法一样,分两种情况:
- 输出变量的值
1 | console.log(value); |
- 因为输出的内容太多,我需要给变量做标识
1 | console.log('value '+value); |
这里有个小细节,就是如果我在 javascript
里,如果 value
是个对象或者数组,这样的输出结果可读性非常差,一般结果就是 [Object Object]
之类的结果,显然并不是我们想要的。所以这里可以稍加调整,估计一般人都已经这么做了。
1 | console.log('value ',value); |
这样,只是修改了一个字符,保障不同类型的变量都输出都有比较好的可读性。 Chrome 的 devtool 可以把这些复杂对象处理的非常舒服。
这样看,我们的需求就非常简单了,就是要输入这样的一段代码就可以了。
console.log('value: ',value);
这里加了一个冒号,增加可读性。
因为要经常使用的原因,这句话里又有括号,又有单引号,还有冒号和逗号,输入复杂度其实不算低。
- 我个人在没有任何输入提示下输入大概需要 9s 多;
- 在 VS Code 代码提示和补全的帮助下大概需要的时间是 7s 多;
这些还都是在没有输入错误反复修改的情况下统计的。
拿平均输入需要8s 算如果每天输入这段代码 100次(我估计比这还多),那消耗的时间就达到了 800秒 也就是大概 13分钟。如果一年那大概 4745分钟。 大约 79小时。
关键的问题是,我反复的输入并不能提升我的任何技能,它没有意义! 所以我决定改进。