首页 > 编程语言 > 详细

JavaScript的代码编写注意事项，建议收藏！

时间：2021-03-15 13:23:05      阅读：11      评论：0      收藏：0      [点我收藏+]
在我们进行前端开发的过程中，需要遵循一定的代码编写规则，这样才能够让我们写出更合理的、易于阅读和维护的代码，那么你知道在JavaScript中有哪些需要注意的地方吗？
一.块级作用域let 取代 var - 语法上的编程风格
1.ES6 提出了两个新的声明变量的命令：let和const。
其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。
技术分享图片
上面代码如果用var替代let，实际上就声明了两个全局变量，这显然不是理想的设计方式。变量应该只在其声明的代码块内有效，var命令做不到这一点。
2.var命令存在变量提升效用，let命令没有这个问题。
技术分享图片
3.在let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，应设置常量。原因是const可以提醒阅读程序的人，这个变量不能改变，比较符合函数式编程思想，并且JavaScript 编译器会对const进行优化，所以多使用const，有利于提高程序的运行效率。
技术分享图片
二、字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。
技术分享图片
三.解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构
技术分享图片
四.其他操作
1.对象的操作
对象尽量静态化，一旦定义，就不得随意添加新的属性。如果添加属性不可避免，要使用Object.assign方法。
技术分享图片
对象的属性和方法，尽量采用简洁表达法
技术分享图片
2.使用扩展运算符（...）拷贝数组
技术分享图片
3.立即执行函数可以写成箭头函数的形式。
技术分享图片
4.用 Class取代prototype 的操作。因为 Class 的写法更简洁，更易于理解。
技术分享图片
五.括号的位置 - 语法格式上的编程风格
1.大括号的位置
绝大多数的编程语言，都用大括号（{}）表示代码块。对于起首的大括号的位置，有许多不同的写法。最流行的有两种。
第一种是起首的大括号另起一行 - 推荐
技术分享图片
第二种是起首的大括号跟在关键字的后面，但是Javascript会自动添加句末的分号，有可能会导致一些难以察觉的错误。
技术分享图片
2.圆括号
圆括号在Javascript中有两种作用，一种表示调用函数，另一种表示不同的值的组合。我们可以用空格，区分这两种不同的括号。
调用函数的时候，函数名与左括号之间没有空格。
技术分享图片
函数名与参数序列之间，没有空格。
技术分享图片
所有其他语法元素与左括号之间，都有一个空格
技术分享图片
以上就是小千今天为大家分享的JavaScript的代码编写注意事项。希望本篇文章能够对正准备学习Web前端技术的小伙伴们有所帮助。

JavaScript的代码编写注意事项，建议收藏！

原文：https://blog.51cto.com/15128702/2660103
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！