自己整理的前端编码规范,各位码友们想到了其它的可以留言补充
创始人
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判断

相关内容

热门资讯

FIBA期待杨瀚森表现 最新实... 北京时间6月25日消息,FIBA国际篮联公布了最新一期世界杯预选赛亚太区球队实力榜,中国男篮排在澳大...
收评:创业板指放量反弹涨2.8... 市场冲高回落后,再度震荡拉升。黄白线分化明显,权重股走势较强。量能明显放大,沪深两市成交额3.59万...
巨头财报引爆A股存储芯片板块,... 当地时间6月24日美股盘后, 美光科技(MU.US)公布截至5月31日的2026财年第三财季财报,业...
银行、消金公司助贷余额增速不得... 近日,中国证券报记者从多位业内人士处独家获悉,5月以来,多地金融监管部门对部分中小银行、消金公司下达...
朱鸿接任陈航,担任钉钉科技有限... 消费日报-今朝新闻讯 天眼查显示,6月23日,钉钉科技有限公司发生工商变更,陈航卸任法定代表人、董事...
3日累跌超20%,德创环保:公... 6月25日, 德创环保(603177.SH)公告,公司股票于2026年6月23日、6月24日和6月2...
北京发布2026年第七轮拟供商... 央广网北京6月25日消息(记者门庭婷)6月25日,北京市规划和自然资源委员会网站发布了2026年第七...
开放麦 | 启明创投胡奇:从A... “2026年,创投圈的浪潮再次翻涌:AI从技术概念走进产业深水区,硬科技创业从“小众赛道” 变成“主...
腾讯孙忠怀:在行业转身处 6月24日,2026腾讯视频年度发布在上海举行。腾讯公司副总裁、腾讯在线视频董事长孙忠怀以《在行业转...
加息,突变!美联储,重磅传来!... 美联储政策路径突生变数。 美国商务部经济分析局最新公布的数据显示,5月个人消费支出(PCE)物价指数...
6月合肥上门收金必看!5步避坑... 2026年6月,合肥黄金市场持续高位运行,不少市民翻出家里闲置的旧金饰、投资金条想变现,上门回收因为...
潮汕女富豪挂帅后加码液冷!祥鑫... 潮汕女强人,带着百亿公司加码液冷散热。 6月24日晚间,祥鑫科技(002965.SZ)公告称,公司董...
马斯克向太空要电,GobiX ... 一场关于「去哪里找电」的全球竞赛,正在朝两个方向展开。 作者|周永亮 编辑| 郑玄 「太空光伏是不是...
原料药行业陷入周期低谷 有药企... 每经记者|许立波 每经编辑|魏文艺 “过完年到现在,我们整个团队每个月都在出差,跑遍了亚非拉、欧美市...
家门口筛查白内障!永顺泽家镇暖... 大众卫生报·新湖南客户端6月25日讯(通讯员 彭雪姣)为切实解决辖区老年性白内障患者异地就医奔波、就...
终于等到!油价马上再大跌,这个... 点击添加图片描述(最多60个字) 编辑 各位车主朋友,好消息接二连三! 继6月18日油价大幅下调...
丈量出海新路 世界酒庄影响力指... 长期以来,全球酒庄评价体系由西方机构主导,且大多局限于单一酒种、单一评价维度,这一局面正逐渐被打破。...
峰瑞资本创始合伙人李丰:从资本... “2026年,创投圈的浪潮再次翻涌:AI从技术概念走进产业深水区,硬科技创业从“小众赛道” 变成“主...
原创 A... 迈向成熟,还有茁壮成长的机会。 作者 | 方璐 编辑丨于婞 来源 | 野马财经 2026年6月21日...
为企业解锁出海新通道!亚太中小... 6月24日下午,作为2026年APEC中小企业工商论坛的重要组成部分,亚太中小企业国际化合作发展论坛...