自己整理的前端编码规范,各位码友们想到了其它的可以留言补充
创始人
2025-05-29 06:26:53
0

一,命名规则

1.清晰表达意图,用英文,不用或少用缩写,避免拼音

2.避免造成误导,如定义一个整数 let array=1,容易产生误解

3.变量格式遵守小驼峰规则 如let userName = ‘好人’

4.类的定义彩用大驼峰规则 如class MyGroup{}

5.常量的定义采用大写,用下划线做分割 如const MY_PI = 3.1415926

6.尽量使用ES6的let或const

7.变量避免使用否定得布尔,如isNotError=true

8.变量名不用保留子或关键字

9.jq得变量以$开头,提高可读性

10.禁止声明变量覆盖外层作用域得变量

二,对象

1.对象属性建议用点读取,不用中括号,容易读且易于压缩

2.禁止在对象实例上直接使用Object.prototype得内置属性,如hasOwnProperty

3.for in遍历对象是,会遍历原型链上继承的属性,最好添加hasOwnProperty的判断,更好的办法是Object.keys().forEach

三,数组

1.不要给数组添加属性

2.不要再forEach内操作数组添加删除,破坏原遍历顺序,可能导致意料之外得结果

3.复制数组可用解构,或slice,建议使用解构复制

四,方法,类

1.方法名遵照小驼峰写法,加动词,如get,set,is,has

2.类中私有属性或方法以下划线开头

3.逻辑相对独立的代码块之间增加空行

4.链式调用方法超过三个要换行调用

5.回调嵌套不超四层

6.方法设计遵循单一职责原则,一个方法完成一个功能

7.方法参数不超五个,如过多,可使用对象进行传参

8.建议指定参数默认值

9.不要把入参当做工作变量,容易导致混乱

10.方法中不用arguments,用es6的rest参数代替

11.实现对外API是,入参要做合法性判断

12.项目中,函数定义两种方式,function声明和function表达式,要固定一种,别混乱用 如function getAttr(){} 或者 const getAttr = function(){}

13.建议类的方法可以返回this已支持连续调用

14.保持注释与代码逻辑一致,避免产生误导

15.方法内代码尽量不超50行

五,代码排版

1.一致的代码排版风格,固定IDE得格式化配置,并让整个团队使用

2.缩进,超长换行

3.对象属性超过三个就要换行显示

4.全局是否使用;号,建议使用

5.else放在if关闭括号同一行,trycatch,dowhile也是这样做

6.字符串建议用单引号,拼接用模板字符串

7.废弃代码要删除,不要注释

8.建议不用嵌套得三元表达式

9.if嵌套不超三层

六,其它注意问题

1.一个目录下文件不要超50,代码不要超2000行

2.每个switch都有default,即使他没有代码

3.再window上挂在属性或方法,要添加命名空间 如 window.myProjectName = {}; window.myProjectName.url = “https://*****”

4.建议import只导入使用的模块,不是inport *

5.在使用NaN时要用isNaN判断

相关内容

热门资讯

证监会再次修订《上市公司治理准... 7月25日晚上,证监会发布通知对《上市公司治理准则(修订征求意见稿)》公开征求意见。本次修订目的是为...
从“闭眼买”到“不敢信”,山姆... 蓝鲨导读:中国零售崛起 作者 | 张二河 编辑 | 卢旭成 山姆会员店,因上架了一款韩国品牌陷入舆论...
原创 欧... 近日,欧盟委员会突然宣布了一则令人震惊的消息:7月25日,该委员会正式对中国太阳能玻璃发起第二次双反...
7月28日财经早餐:欧美达成贸... 来源:市场资讯 汇通财经APP讯——周一(北京时间7月28日),现货黄金交投于3335.78美元/盎...
科技早报 | 贝索斯完成大规模... 贝索斯完成一轮大规模亚马逊股票出售,套现57亿美元 亚马逊公司当地时间7月25日提交至美国证券交易...
股市必读:紫光股份(00093... 截至2025年7月25日收盘,紫光股份(000938)报收于25.04元,上涨0.64%,换手率1....
15%!美国与欧盟达成贸易协议... 据央视新闻报道,当地时间7月27日,美国总统特朗普表示,美国已与欧盟达成贸易协议,对欧盟输美商品征收...
早新闻|央行4000亿元MLF... 宏观热点 央行、农业农村部印发《关于加强金融服务农村改革 推进乡村全面振兴的意见》 近日,中国人...
21专访|细胞存储,《繁花》爷... 21世纪经济报道记者 赵云帆 上海报道 “我是一个真正意义上的创业者”,年过古稀的瞿建国,在采访中如...
华熙生物赵燕谈胶原蛋白乱象:科... 21世纪经济报道记者雷晨 北京报道 近年来,重组胶原蛋白成为医美和护肤领域的热门概念,市场宣传中不乏...
富春染织完成董事会选举换届 开... 7月25日晚间,富春染织公告显示,当日,公司2025年第一次临时股东会和富春染织第四届第一次董事会在...
圣湘生物:两款产品取得医疗器械... 每经AI快讯,圣湘生物(SH 688289,收盘价:22.94元)7月27日晚间发布公告称,圣湘生物...
10年期国债收益率升至1.73... 近期债券市场出现显著调整,多重因素交织推动收益率持续上行。权益市场强势表现与大宗商品价格上涨形成合力...
当对手都在做下沉 蜜雪冰城旗下... [ 今年5月,蜜雪集团跟巴西签署40亿元人民币的采购意向大单,其中大多数是咖啡豆。 ] 当星巴克、瑞...
新手必看!股指期货交易规则基础... 股指期货交易规则,看似复杂抽象,实则与我们的日常生活有着奇妙的共通之处。它就像一场精心编排的生活交响...
王登发履新茅台技开公司“一把手... 一则微信公众号发布的信息,披露了茅台集团旗下的技术开发公司“一把手”已换人。 近日,南都湾财社-酒水...
特斯拉机器人V3量产版亮相!马... 快科技7月27日消息,特斯拉的Optimus人形机器人V3量产版终于要来了!马斯克在最近的财报电话会...
原创 中... 在金融全球化的浪潮中,中国资本市场始终勇立潮头,不断探索前行。7月26日,中国资本市场学会成立大会暨...
报告:我国经济增长保持韧性 下... 央广网北京7月27日消息(记者 樊瑞)近日,中国金融四十人论坛(CF40论坛)发布《2025年第二季...
超6300亿元!A股银行“分红... 7月25日,成都银行完成权益分派股权登记,将于7月28日发放现金红利,这标志着A股上市银行2024年...