从新手到大厂程序员 看大厂如何写优质代码

前言

今天我们要来聊的是大厂是如何写代码的 大厂和小厂写代码的区别有些哪些

所以今天就未来将会在大厂工作的你提前扮演一下大厂的程序员

在看完今天的文章后你或许会改变以往写代码的方式 能够写出大厂的代码

那么不多bb 直接上干活

一、接收任务

今天公司就给你安排了一个任务 要你写一个函数 并且可以返回一个固定格式的电话号码 这时候你会如何写

js 复制代码
/**

 * @func 返回固定格式的电话号码 (123) 456-7890

 * @params 接收一个参数 类型是array[1,2,3,4,5,6,7,8,9,0]

 * @return (123) 456-7890

 * @author jser

 */

1.写注释

首先我们第一步 不是直接开始定义函数然后哐哐写 而是 "写一个好的注释"

因为代码的可读性高于一切

首先是写清楚我们的任务 写一个能够返回固定格式的电话号码函数

接着就是要接收的参数的类型是一个数组 然后返回一个固定格式的电话号码

最后也是很重要的 表明这段代码是你写的 注释你是谁 因为在大厂里面工作不是一个人而是团队完成的,最后任务完成后要将所有人的成果整合,而这时清楚代码的分工后效率才会更高。

2.看公司手册

在进入大厂的第一天,你会领取到一本公司手册,这里面写的不是公司的规章制度,而是公司统一工作的规定,比如统一使用ES6风格代码,写代码之前记得写注释以及注释的格式之类,具体原因我会在下文解释。

二、优化代码

js 复制代码
function phoneNumber(numbers) { return"("+numbers[0]+numbers[1]+numbers[2]+")" +' '+numbers[3]+numbers[4]+numbers[5]+'-'+numbers[6]+numbers[7]+numbers[8]+numbers[9] }
console.log(phoneNumber([1,2,3,4,5,6,7,8,9,0]));

1.合适的代码才是最好的

上面代码输出的结果就是

虽然完成了任务 但是如果我们像上面那样这样写 有什么问题呢?

没错 不美观

如果同事看你的代码还要往右拖动一下 估计还没看完就去厨房拿$(刀)来找你了

于是乎你将代码改了一下

js 复制代码
function phoneNumber(numbers) { 
return"("+numbers[0]+numbers[1]+numbers[2]+
")" +' '+numbers[3]+numbers[4]+numbers[5]+
'-'+numbers[6]+numbers[7]+numbers[8]+numbers[9] 
}
console.log(phoneNumber([1,2,3,4,5,6,7,8,9,0]));

这样之后是不是更美观呢 但是你是否觉得这段代码能够再改一下 这样写也太简单了 身为大厂的员工怎么能写这么简单的代码

于是乎你想到了字符串拼接 把电话号码数组转换成字符串然后依次拼接在一起 最后再考虑代码美观问题就OK了

最后你将代码改了一下

js 复制代码
function phoneNumber(numbers) {
return `(${numbers.slice(0, 3).join('')})
${numbers.slice(3, 6).join('')}-
${numbers.slice(6).join('')}`
}
console.log(phoneNumber([1,2,3,4,5,6,7,8,9,0]));

然后你将代码运行了一下 输出结果有点出乎你的意料

所以结果是并没有达到理想的效果 于是乎我们权衡利弊最后还是选择刚开始的写法

但是我们可以在其他地方对这段函数进行优化 比如函数的声明

2. 统一代码风格

在ES6版本中 新增了一个箭头函数 省去了每次写函数都要加一个function 而且如果函数中只有一行代码 你甚至连{}都可以去掉

js 复制代码
phoneNumber = (numbers) =>"(" + numbers[0] + numbers[1] + numbers[2]
+ ")" + " " + numbers[3] + numbers[4] + numbers[5]
+ "-" + numbers[6] + numbers[7] + numbers[8] + numbers[9] + ""
console.log(phoneNumber([1,2,3,4,5,6,7,8,9,0]));

运行的结果为

总结

  • 大厂不仅看你的JS代码能力而且还注重看你的编程素养

  • 代码的可读性高于一切 写一个好的注释很有必要

  • 在入职第一天记得首先看开发文档 统一使用代码风格

结语

通过这篇文章你了解了优质代码是怎么样的,在公司里你是以团队成员身份在工作而不是个人,你还需要注重对你的代码进行注释并且进行优化,选择最合适的代码。

最后文章就到此结束了,如果可以请给作者点个赞吧,感谢你的阅读。

感兴趣可以看看

相关推荐
DogDaoDao1 小时前
leetcode 面试经典 150 题:字母异位词分组
算法·leetcode·面试·vector·哈希表·数据结构与算法·字母异位词分组
丁总学Java1 小时前
/src/utils/request.ts:axios 请求封装,适用于需要统一处理请求和响应的场景
开发语言·javascript·ecmascript
m0_749317521 小时前
VUE学习
前端·javascript·vue.js·学习
16年上任的CTO1 小时前
一文大白话讲清楚ES6关于函数的扩展
前端·javascript·ecmascript·es6·es6函数扩展
yuehua_zhang1 小时前
uni app 写的 小游戏,文字拼图?文字拼写?不知道叫啥
前端·javascript·uni-app
weixin_472183541 小时前
uniapp使用sm4加密
前端·javascript·uni-app
SimonLiu0091 小时前
React Native 项目 Error: EMFILE: too many open files, watch
javascript·react native·react.js
xinglee1 小时前
如何实现优雅的删除动画
前端·javascript·面试
贩卖纯净水.2 小时前
JS进阶--JS听到了不灭的回响
java·前端·javascript
番茄小酱0012 小时前
select下拉框,首次进入页面没有显示value的情况
前端·javascript·vue.js·vue