返回顶部
首页 > 资讯 > 前端开发 > node.js >有哪些简单的JS编码标准
  • 502
分享到

有哪些简单的JS编码标准

2024-04-02 19:04:59 502人浏览 独家记忆
摘要

本篇内容介绍了“有哪些简单的js编码标准”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 比较时使用 =

本篇内容介绍了“有哪些简单的js编码标准”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

1. 比较时使用 === 代替  ==

这很重要,因为javascript是一种动态语言,因此使用==可能会给您带来意想不到的结果,因为它允许类型不同。

Fail:

if (val == 2)

Pass:

if (val === 2)

2. 永远不要使用 var,使用 let 来代替

使用 let 将有助于避免 JavaScript 中各种 var 引起的作用域问题。

Fail:

var myVar = 10;

Pass:

let myVar = 10;

3. 使用 const 代替 let

这阻止了开发人员尝试更改不应该做的事情,并且确实有助于提高可读性。

Fail:

let VAT_PERCENT = 20;

Pass:

const VAT_PERCENT = 20;

4. 始终使用分号(;)

尽管这在 JavaScript 中是可选的,并不像其它语言一样需要分号作为语句终止符。但是使用 ; 有助于使代码保持一致。

Fail:

const VAT_PERCENT = 20; let amount = 10 return addVat(amount, vatPercent)

Pass:

const vatPercent = 20; let amount = 10; return addVat(amount, vatPercent);

5. JavaScript中的命名约定

  • let 应该使用驼峰命名。

  • const 如果在文件的顶部使用大写的蛇形命名法。如果不在文件顶部,请使用驼峰命名。

  • class 应该是帕斯卡命名法:MyClass

  • functions 函数应该是驼峰命名法:myFunction

6. 拼接字符串时使用模板字符串

模板字符串中允许嵌入表达式。

Fail:

let fullName = firstName + " " + lastName;

Pass:

let fullName = `${firstName} ${lastName}`;

7. 尽可能使用ES6箭头函数

箭头函数是编写函数表达式的更简洁的语法。

Fail:

var multiply = function(a, b) {   return a* b; };

Pass:

const multiply = (a, b) => { return a * b};

8. 始终在控制结构周围使用大括号

所有控制结构都必须使用花括号(例如,if,else,for,do,while等),这样后期维护时,不容易出错。

Fail:

if (valid)    doSomething(); if (amount > 100)      doSomething(); else if(amount > 200)     doSomethingElse();

Pass:

if (valid) {    doSomething(); } if (amount > 100) {    doSomething(); }  else if(amount > 200) {     doSomethingElse(); }

9. 确保大括号从同一行开始,中间有空格

Fail:

if (myNumber === 0) {     doSomething(); }

Pass:

if (myNumber === 0) {     doSomething(); }

10. 尝试减少嵌套

if 中嵌套if 会变得混乱并且很难阅读。有时你可能无法解决问题,但是可以好好查看代码,看看是否可以改进。

Fail:

if (myNumber > 0) {   if (myNumber > 100) {        if (!hasDiscountAlready) {            return aDDDiscountPercent(0);        } else {            return addDiscountPercent(10);        }   } else if (myNumber > 50) {     if (hasDiscountAlready) {        return addDiscountPercent(5);     }   } else {     if (!hasDiscountAlready) {       return addDiscountPercent(0);     } else {       return addDiscountPercent(1);     }   } } else {      error(); }

Pass:

if (myNumber <= 0) {    return error; } if (!hasDiscountAlready) {     return addDiscountPercent(0); } if (myNumber > 100) {      return addDiscountPercent(10); } if (myNumber > 50) {      return addDiscountPercent(5); } return addDiscountPercent(1);

通过上面的示例可以看出,减少嵌套之后,会变得容易阅读。

11. 尽可能使用默认参数

在 JavaScript 中,如果你在调用函数时没有传递参数,则它的值就是 undefined

Fail:

myFunction(a, b) {   return a + b; }

Pass:

myFunction(a = 0, b = 0) {     return a + b; }

12. `Switch` 语句应使用 `break` 并具有 `default`

我通常会尝试不使用 switch  语句,但是你确实想使用它,请确保每个条件都 break ,并写了 defalut。

Fail:

switch (myNumber) {   case 10:     addDiscountPercent(0);   case 20:     addDiscountPercent(2);   case 30:    addDiscountPercent(3); }

Pass:

switch (myNumber) {   case 10:      addDiscountPercent(0);     break;   case 20:      addDiscountPercent(2);     break;   case 30:     addDiscountPercent(3);     break;   default:      addDiscountPercent(0);     break; }

13. 不要使用通配符导入

Fail:

import * as Foo from './Foo';

Pass:

import Foo from './Foo';

14. 使用布尔值的快捷方式

Fail:

if (isValid === true) if (isValid === false)

Pass:

if (isValid) if (!isValid)

15. 尝试避免不必要的三元语句

Fail:

const boo = a ? a : b;

Pass:

const boo = a || b;

“有哪些简单的JS编码标准”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: 有哪些简单的JS编码标准

本文链接: https://www.lsjlt.com/news/84818.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 有哪些简单的JS编码标准
    本篇内容介绍了“有哪些简单的JS编码标准”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 比较时使用 =...
    99+
    2024-04-02
  • 有哪些JS精简代码
    这篇文章主要介绍“有哪些JS精简代码”,在日常操作中,相信很多人在有哪些JS精简代码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”有哪些JS精简代码”的疑惑有所帮助!接下来,...
    99+
    2024-04-02
  • Google的代码审查标准有哪些
    本文小编为大家详细介绍“Google的代码审查标准有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“Google的代码审查标准有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。如何在代码审查方面表现出色在本...
    99+
    2023-06-27
  • 有哪些让日常编码更简单的Python库
    本篇内容介绍了“有哪些让日常编码更简单的Python库”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!sh如果曾经在 Python 中使用过 ...
    99+
    2023-07-06
  • web标准有哪些
    这篇文章主要介绍了web标准有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。web标准包括结构【html】,表现【css】和行为【JavaScript】,结构主要是有ht...
    99+
    2023-06-06
  • HTML的最新标准有哪些
    今天就跟大家聊聊有关HTML的最新标准有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。什么是HTML5 简单地说,...
    99+
    2024-04-02
  • HTML/CSS/JS编码规范有哪些
    这篇文章主要讲解了“HTML/CSS/JS编码规范有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML/CSS/JS编码规范有哪些”吧!一、HTML...
    99+
    2024-04-02
  • 有哪些简单实用Python代码
    这篇文章主要讲解了“有哪些简单实用Python代码”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“有哪些简单实用Python代码”吧!1. 交换两个变量# a = ...
    99+
    2023-06-16
  • cad套坐标最简单方法有哪些
    这篇文章主要介绍cad套坐标最简单方法有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!cad套坐标最简单方法:首先打开图纸,命令行输入【limits】;然后输入N,选择新建坐标系;接着点击新建坐标系的原点、x轴和...
    99+
    2023-06-14
  • Java的标准数据流有哪些
    这篇文章主要讲解了“Java的标准数据流有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java的标准数据流有哪些”吧!Java输入输出(I/O)API是Java里最重要的API之一。J...
    99+
    2023-06-17
  • Python语言的标准库有哪些
    这篇文章主要介绍“Python语言的标准库有哪些”,在日常操作中,相信很多人在Python语言的标准库有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Python语言的标准库有哪些”的疑惑有所帮助!接下来...
    99+
    2023-06-17
  • python的内置标准库有哪些
    Python的内置标准库包含了多个模块,用于提供各种功能和工具。以下是一些常用的Python内置标准库:1. `math`:提供了数...
    99+
    2023-08-08
    python
  • 常用Python标准库有哪些
    这篇文章主要为大家展示了“常用Python标准库有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“常用Python标准库有哪些”这篇文章吧。常用 Python...
    99+
    2024-04-02
  • Python标准库有哪些功能
    这篇文章将为大家详细讲解有关Python标准库有哪些功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Python的一大好处在于它有一套很有用的标准库(standard library)。标准库是随着Py...
    99+
    2023-06-17
  • C++标准库难点有哪些
    本篇内容主要讲解“C++标准库难点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C++标准库难点有哪些”吧!在C++标准库中,有关缺省变量值的限制非常模糊。基于此,很多编译器允许开发人员将...
    99+
    2023-06-17
  • python标准库有哪些函数
    Python标准库包含了许多内置函数和模块,提供了许多常用的功能和工具。以下是一些常用的Python标准库函数:1、os模块:提供了许多与操作系统交互的功能。例如:os.path.abspath(path):返回路径的绝对路径。os.pat...
    99+
    2023-10-25
    python python标准库
  • Python 3.x标准库有哪些
    string:通用字符串操作 re:正则表达式操作 difflib:差异计算工具 textwrap:文本填充 unicodedata:Unicode字符数据库 stringprep:互联网字符串准备工具 rea...
    99+
    2023-01-31
    标准 有哪些 Python
  • go语言标准库有哪些
    go语言标准库有fmt、net/http、os、io、time、encoding/json、sync、flag、strconv、math等等。详细介绍:1、fmt:用于格式化输入输出的包;2、net/http:用于构建Web应用程序和HTT...
    99+
    2023-12-11
    go语言 标准库
  • golang常用标准库有哪些
    golang常用标准库有fmt、io、net、os、time、sync、encoding、database/sql、unicode、math、crypto、runtime、flag、reflect和testing。详细介绍:1、fmt,提供...
    99+
    2023-12-14
    go语言 Golang Go标准库
  • js对url进行编码解码的方式有哪些
    使用encodeURIComponent()和decodeURIComponent()函数: // 编码 var encoded...
    99+
    2024-03-08
    JS
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作