前端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中有两种作用，一种表示调用函数，另一种表示不同的值的组合。我们可以用空格，区分这两种不同的括号。

调用函数的时候，函数名与左括号之间没有空格。

函数名与参数序列之间，没有空格。

所有其他语法元素与左括号之间，都有一个空格

文章来自千锋教育：http://www.mobiletrain.org/

前端JavaScript开发中需要注意的代码问题相关推荐

全方位地介绍JavaScript开发中的各个主题《JavaScript编程全解》(好书分享更新中)
JavaScript编程全解作者: ［日］井上诚一郎 / ［日］土江拓郎 / ［日］滨边将太出版社: 人民邮电出版社译者: 陈筱烟内容简介 · · · · · · 本书全方位地介绍了Java ...
马小看前端( 在开发中遇到问题如何解决 )
马小看前端( 在开发中遇到问题如何解决 ) 今天我们来说说,在开发中遇到问题该如何去找到并且去解决他,相信很多人在开发中不少遇到过bug这个东西,有的对于bug已经无可奈何,搞人心态哦,不过bug是一 ...
php jsp显示数据排序,JSP_SQL数据库开发中的一些精典代码，1.按姓氏笔画排序: select * From T - phpStudy...
SQL数据库开发中的一些精典代码 1.按姓氏笔画排序: select * From TableName Order By CustomerName Collate Chinese_PRC_Stroke ...
HTML5+移动APP开发中遇到的各种代码元素的含义（四）
系列目录跨平台移动APP开发中遇到的各种代码元素的含义(一) HTML5+移动APP开发中遇到的各种代码元素的含义(二) HTML5+移动APP开发中遇到的各种代码元素的含义(三) 目录系列目录 ...
微信开发中消息回复的代码_消息中的消息
微信开发中消息回复的代码 Ste·ga·no·graph·y / stegəˈnägrəfi / (noun): the practice of concealing messages or info ...
jsp/html开发中常用的JS代码和页面特效代码
1.jsp/html开发中常用的JS代码 1.后退前进 <input type="button" value="后退" onClick="hi ...
前端同学开发中应该知道的命名规范
根据个人阅读官网中的风格指南,整理在实际开发中常用的命名规范,希望可以帮助大家. 1.项目文件命名代码中的命名严禁使用拼音与英文混合的方式,更不允许直接使用中文的方式. 说明:正确的英文拼写和语法可 ...
前端项目开发中碰到的坑、移动端兼容性问题
前端开发中碰到的坑.移动端兼容性问题 1.ios兼容input光标高度问题:input输入光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样. **出现问 ...
【开发规范】go项目开发中的[流程,git,代码,目录,微服务仓库管理,静态检查]
文章目录前言一.有哪些规范我们应该遵循二.项目开发流程三.git的代码分支管理 1. 分支管理 2. commit规范三.go的代码规范四.go项目目录规范五.微服务该采用multi-r ...

前端JavaScript开发中需要注意的代码问题

前端JavaScript开发中需要注意的代码问题相关推荐

最新文章

热门文章