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

相关内容

热门资讯

在大吉订购APP订购交易亏损被...   近期,不少投资者反映在“大吉订购App”上投资白银、铂金等商品遭遇严重亏损。该平台宣称提供现货订...
铂银壹号APP商品订购交易亏损...   许多中小投资者误以为网上的“商品现货订购”是合规合法的理财渠道,殊不知这背后隐藏着巨大的合规风险...
兴鑫淘金APP贵金属订购交易亏...   白银、贵金属或其他商品类投资,除国家批准的正规期货交易场所及持牌期货公司外,市面上大量第三方交易...
铂银掘金APP无资质的违规平台...   铂银掘金等平台的投资者,往往是被“注册送现金”“充值返现券”“首单免亏”等广告话术吸引,进而下载...
八方淘金APP订购交易不合规,...   “八方淘金APP”“铂银掘金APP”“铂银壹号APP”等软件被指以“现货订购”为名,实际采用高杠...
在指尖订购APP订购商品亏损被...   指尖订购APP这类平台,表面是“订购交易”,实则是披着电商外衣的非法期货陷阱。绝大多数投资者被蒙...
在犀贝易购APP做商品订购交易...   市面上打着“现货投资”“贵金属交易”旗号的APP并不少,但真正合规、受监管的平台并不多。犀贝易购...
易达淘金APP虚假商品订购交易...   易达淘金APP存在严重的虚假宣传与违规交易行为。该平台打着“商品订购”的旗号,实则通过不合规的交...
大浪淘金APP白银订购亏损被骗...   大浪淘金APP最隐蔽的套路,在于其完全封闭的内盘交易系统。表面上,它宣称与国际贵金属市场接轨;实...
一品好购APP上订购白银出现亏...   一品好购APP原名“一品订购”,运营方为上海宝智未来信息技术有限公司。近期不少投资者反映在该平台...
九州订购APP贵金属订购投资骗...   九州订购APP正通过抖.音、快手、今日头条等平台大量投放投资广告,用“5元起投”“充值返现”“0...
坚锅淘金APP交易软件并不正规...   当前,市面上大量所谓的“现货商城订购”交易软件,早已偏离了正常的实物商品买卖,演变为高杠杆、高手...
斗金订购APP贵金属期货交易骗...   斗金订购APP的投资者往往被铺天盖地的广告宣传所诱导——注册即送现金、充值返现券等看似诱人的福利...
警惕!云启购APP违规经营,披...   "5元起投、充值返现、稳赚不赔"——这些诱人的广告语背后,可能是一个精心设计的金融陷阱。  近期...
量子淘金APP贵金属投资不合规...   "4元起投""充值返券""月入过万"——这些极具诱惑力的广告语在短视频平台、社交软件上铺天盖地。...
鑫汇智投APP贵金属商品订购骗...   鑫汇智投APP非法期货投资骗局,受害者在投资过程中根本不懂交易,也不去研究和验证这个平台是否正规...
矅光智策APP平台违规经营非法...   矅光智策APP对外宣称是“商城订购”“现货交易”,但查询其经营范围,并未显示具备开展现货期货交易...
黄金珠宝怎么选?内侧刻字都代表... 潮新闻客户端 记者 马焱 通讯员 任倩影 9月8日下午,“云游杭州 乐购金秋”——“浙城·浙放心”活...
原创 冰... 最近全球国债市场正在上演魔幻一幕: 美债、日债、欧债遭遇猛烈抛售,收益率冲到几十年新高,美国财政部都...
日韩股市开盘表现分化 上证报中国证券网讯 9月9日,日韩股市开盘表现分化,韩国综合指数开盘上涨0.26%,报6972.87...