JavaScript的代码编写注意事项,建议收藏!

在我们进行前端开发的过程中,需要遵循一定的代码编写规则,这样才能够让我们写出更合理的、易于阅读和维护的代码,那么你知道在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前端技术的小伙伴们有所帮助。

猜你喜欢

转载自blog.csdn.net/xiaoxijinger/article/details/114822926