NO:对付求值获取的变量,没有兜底。
- const MIN_NAME_LENGTH = 8;
- let lastName = fullName[1];
- if(lastName.length > MIN_NAME_LENGTH) { // 这样你就给你的代码乐成的埋了一个坑,你有思量过假如fullName = ['jackie']这样的环境吗?这样措施一跑起来就爆炸。要不你试试。
- ....
- }
YES:对付求值变量,做好兜底。
- const MIN_NAME_LENGTH = 8;
- let lastName = fullName[1] || ''; // 做好兜底,fullName[1]中取不到的时辰,不至于赋值个undefined,至少尚有个空字符,从基础上讲,lastName的变量范例照旧String,String原型链上的特征都能行使,不会报错。不会酿成undefined。
- if(lastName.length > MIN_NAME_LENGTH) {
- ....
- }
- 着实在项目中有许多求值变量,对付每个求值变量都必要做好兜底。
- let propertyValue = Object.attr || 0; // 由于Object.attr有也许为空,以是必要兜底。
- 可是,赋值变量就不必要兜底了。
- let a = 2; // 由于有底了,以是不要兜着。
- let myName = 'Tiny'; // 由于有底了,以是不要兜着。
二、函数相干
(1)函数定名
NO:从定名无法知道返回值范例
- function showFriendsList() {....} // 此刻问,你知道这个返回的是一个数组,照旧一个工具,照旧true or false。你能答的上来否?你能答得上来我请你吃松鹤楼的满汉全席还请你不要卖力。
Yes:对付返回true or false的函数,最好以should/is/can/has开头
- function shouldShowFriendsList() {...}
- function isEmpty() {...}
- function canCreateDocuments() {...}
- function hasLicense() {...}
(2)成果函数最好为纯函数
NO: 不要让成果函数的输出变革无常。
- function plusAbc(a, b, c) { // 这个函数的输出将变革无常,由于api返回的值一旦改变,同样输入函数的a,b,c的值,但函数返回的功效却不必然沟通。
- var c = fetch('../api');
- return a+b+c;
- }
YES:成果函数行使纯函数,输入同等,输出功效永久独一
- function plusAbc(a, b, c) { // 同样输入函数的a,b,c的值,但函数返回的功效永久沟通。
- return a+b+c;
- }
(3)函数传参
NO:传参无声名
- page.getSVG(api, true, false); // true和false啥意思,一目不了然
YES: 传参有声名
- page.getSVG({
- imageApi: api,
- includePageBackground: true, // 一览无余,知道这些true和false是啥意思
- compress: false,
- })
(4)举措函数要以动词开头
NO: 无法分辨函数意图
- function emlU(user) {
- ....
- }
YES:动词开头,函数意图就很明明
- function sendEmailToUser(user) {
- ....
- }
(5)一个函数完成一个独立的成果,不要一个函数稠浊多个成果
这是软件工程中最重要的一条法则,当函数必要做更多的工作时,它们将会更难举办编写、测试、领略和组合。当你能将一个函数抽离出只完成一个举措,他们将可以或许很轻易的举办重构而且你的代码将会更轻易阅读。假如你严酷遵守本条法则,你将会领先于很多开拓者。 (编辑:湖南网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|