一、命名 1、应给变量和函数取一个含义确切的名称,不要随意命名。
2、非构造函数采用驼峰命名法,尽量采用动宾结构,以与变量名相区别,如getName或IsFull。构造函数(即自定义类型)名称首字母大写,以与非构造函数相区别,如Person。
3、变量采用驼峰命名法。由于JavaScript是一种弱类型语言,因此建议在变量名称前加前缀:整形(i),浮点数(f),布尔型(b),字符串(s),数组(a)。但不强制这么做,可根据个人爱好选择,选择好后就不要混用加前缀和不加前缀这两种方式了。
二、布局 1、空格。
a)var与变量名之间留一个空格,变量名与等号之间留一个空格,等号与初始值之间留一个空格,初始值与分号之间不留空格。如:var i = 10;
b)使用字面量方式声明引用类型变量时,各个属性与冒号之间不留空格,冒号与初始值之间留一个空格。如:
复制代码 代码如下:
var Person = {
age: 16,
name: "Sam"
};
c)function与函数名之间留一个空格,函数名与()之间不留空格,()与{之间留一个空格。
d)函数的各个参数之间留一个空格。
e)if、while、for与左括号之间留一个空格,以强调关键字;switch、with与左括号之间不留空格。
f) 二元操作符与左右两个操作数之间留一个空格。当某行代码较长时,也可不留空格。
2、换行。
a)每行语句占用一行,不要多个语句一行。
b)if、while、for等块级作用域后的大括号{不要另起一行,就放在关键字同一行。
3、缩进。
a)缩进使用4个空格,不要使用tab。
b)作用域不一样时就应当进行缩进,以显示出其层次关系。
三、注释 1、合理添加注释。注释不能完全没有,也不是越多越好。给重要的方法、变量和算法(或其他需要注意的问题)添加注释即可。
2、修改源代码时,需要同步修改注释,保持两者的一致。
3、不要在代码中使用html方式的注释。
四、规范 1、申明变量时必须加var关键字。虽然JavaScript允许不加var关键字,此时成为全局变量,但这是导致问题的一个来源。
2、申明变量时必须同时进行初始化,之后最好不要再改变变量的数据类型了。
3、语句末尾可以加分号的,必须加分号。
4、if、while、for等仅有一条语句时,也需要放在大括号内。
5、不要随意使用全局变量,如果不得不使用,最好只用一个全局变量。
6、JavaScript与html、css之间应保持松散耦合。html是数据层,css是表现层,JavaScript是行为层,三者应避免紧密的耦合,否则会导致后期难以维护。html中不要有具体的JavaScript代码,全部采用包含外部文件的方式;JavaScript中也尽量不要使用innerHTML等插入大量html元素,应考虑将元素放在html中,只不过初始隐藏即可;JavaScript中不要直接修改css中的具体属性,而应通过className来间接修改。
7、不要修改不是由你所有的对象,不给其实例或原型添加属性或方法,也不要重复定义其已有的方法。否则,当该对象的新版本添加了同名的属性或方法时,会导致潜在的难以察觉的问题。解决方案有两种:一是继承,二是包含。
8、使用命名空间来防止多个库之间的冲突,可参考YUI库的组织方式。
9、对于代码中出现的字面量,应将其放在某个变量的属性中,属性名首字母或所有字母大写(模拟其他语言中的define或enum)。如:
复制代码 代码如下:
var Color = {
RED: 1,
BLUE: 2,
GREEN: 3
};
10、对函数中传入的参数进行检查。若为基本类型,使用typeof;若为引用类型,使用instanceOf;若要检查某个对象是否包含某个方法,则对该方法使用typeof操作符,并与字符串"undefined"比较。
五、性能
1、避免全局查找。使用全局变量和函数的开销要比使用局部变量和函数大,因为全局变量和函数涉及到作用域链的查找。因此,当函数中多次使用全局变量时,就会进行多次作用域链的查找,为了避免这个问题,可以将多次使用的全局变量赋值给一个局部变量,以后都使用该局部变量。
2、避免使用witch语句。with语句会创建自己的作用域,从而导致额外的开销。
3、避免属性查找。属性查找是一个O(n)操作,对象上的任何属性查找都比访问变量和数组花费更多时间(访问变量和数组是O(1)操作)。因此,如果多次用到同一个属性,则应将其保存在局部变量中。如:
复制代码 代码如下:
var sUrl = window.location.href;
var sData = sUrl.substring(sUrl.indexOf("?"));
相关推荐:
用AI写文章会不会查重率高?破解写作困扰的真相
seo规范是什么,seo行业标准 ,啊龙ai音乐
SEO优化与SEM广告:提升品牌曝光与流量的双重利器,ai接回头
中文润色:提升表达的艺术,打造无懈可击的语言魅力,广告营销推广新思路论文
ChatGPT出现错误503?你需要知道的解决方案和应对策略,ai拉伸字效
ChatGPT启动时遇到问题?快速解决方案让你畅享智能对话体验,ai如何保存logo
seo高手有什么条件,seo难上手吗 ,指南ai写作电力创新
ChatGPT付款被拒?如何应对与解决常见支付问题,掉包ai
chatai写作免费一键生成,轻松解决写作难题!,陈逗逗ai换脸在线看
ChatGPT故障:科技背后的秘密与应对策略,华为什么手机带ai功能
Chatget免费网站版无需登录,畅享无限对话体验!,工业 Ai 视觉检测
AI缩写文本:助力智能生活的革新力量,ai智能写作生成神器下载
seo要寻找什么资源,怎么找seo ,ai插画描边
未来工作方式!AI在线工具让效率倍增,工作变轻松
ChatGPT出问题?背后的原因与解决方案,夸克ai写作生成
“标题制造机”:颠覆内容创作的秘密武器,助你轻松打造吸引力十足的标题,景区线上推广用哪些网站
什么是seo的豆子,何为seo ,ai圆复制
seo软文有什么作用,seo文案是什么 ,斐乐Ai测评问题
SEO优化公司一般怎么优化?揭秘专业SEO服务的操作流程,人工智能ai写作软件 哪一个好
文章续写AI:提升写作效率,创意无限
ChatGPT网页版为什么不能用了?解析原因与解决办法,女人莫名其妙想ai
seo适合什么行业,seo适合的行业 ,在ai如何矢量化
ChatGPT免登录:轻松畅聊,无需注册,快速体验AI智能助手,眼泪ai
“新热度”:引领潮流的力量,如何趋势的脉搏,浙江通用网站建设特点
二次创作的魅力与潜力:创意无限的数字时代,天长外贸网站建设
SEO自从上线后的演变与未来发展趋势,拼多多增加关键词排名
SEO快速优化技术:助力网站流量暴增,轻松登顶搜索引擎,铜陵ai全网通推广软件
ChatGPT宕机两小时,OpenAI紧急修复,用户期待AI恢复正常服务,oppo小布ai
文章AI生成:让创作变得更简单、更高效!
SEO有话:如何用精准优化助力企业在线增长,食品微信营销推广
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具
《“查看更多”背后的秘密:让你的人生更加丰富多彩!》,宁安公司网站建设
SEO爱站:提升网站排名,赢得流量的秘密武器,优化网站设计价格多少
为什么行业都要做seo,为什么要做seo ,ai明信片
ChatGDP人工智能:未来科技赋能企业与个人的智能变革,如何用AI绘制人体
SEO搜外:全球搜索引擎优化的秘密武器,如何选择网站建设类型呢
ChatGPT不能用了?了解这一背后的真相及解决方法,ai恐怖头像
AI人工智能:改变未来的科技革命
2024年AI写文章生成器推荐:让创作轻松高效,提升写作水平
为什么网站要做seo,网站做seo的目的是什么 ,ai初选
SEO实现:如何通过SEO优化提升网站流量与排名,南京市公司网站推广
优化文字,让表达更精准:提升写作效率的关键,个人网站建设外包
如何通过AI写文章,轻松提高写作效率与质量
GPT-3.5可以免费使用吗?AI未来的无限可能,ai烧猪
ChatGPT的诞生,预示着人工智能大规模应用的时代已经来临,ai此生不渝
ChatGPTDNS出问题?如何快速解决并保障网络畅通,墨镜ai照片
SEO搜索关键词是什么意思?让你轻松网站流量的秘密!,ai颜色不对
亚马逊seo信息是什么,亚马逊seo关键词优化软件 ,光谷ai
SEO全站优化:打造强大网站排名的必备利器,AI论文写作的优点
为什么“搜狗不收录”会成为企业SEO的新挑战?,烤肉店的线下营销与推广