0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

使用JavaScript提升代码游戏的方法是什么

汽车电子技术 来源:Python日志 作者:Python日志 2023-02-28 13:58 次阅读

Javascript是浏览器理解的语言。用于加载动态内容,无需刷新页面。

poYBAGP9lxGAcQ31AASRLdrFll4559.png

需要在更少的代码行中使Javascript代码更易于阅读。我们列出了一些推荐的方法,以获得更多编写javascript代码的方法:

1.使用模板文字

模板文字是可以嵌入到表达式中的字符串(变量)。模板文字使代码更简单、更可读。

poYBAGP9lxmAX1P3AATPmMLNq7w705.png

例如,我们可以在JavaScript中使用模板文字如下:

pYYBAGP9lyGAdl21AABVrjCceA0028.png

没有模板文字,我们可以把上面的例子写成如下:

poYBAGP9l0mAcA6gAABKkJaL8Hs997.png

2.使用三元运算符

编程中,大多会遇到逻辑操作。如果你想在两个语句之间执行逻辑,三元运算符的可读性要高得多。

pYYBAGP9l1OAFnD6AAA4JeCqwuk216.png

3.在JavaScript中使用Include语句

在JavaScript中包含语句是在数组和句子中搜索字符串的更简单方法。

可以在JavaScript中使用包含语句,如下所示:

poYBAGP9l1qAS-sGAABTiddBzjM967.png

在数组中,我们可以使用包含语句如下:

pYYBAGP9l2KAL68sAAAh4oM_uBM207.png

include语句返回true还是false取决于字符串是否出现在句子或数组中。

4.Nullish Operator

如果正在使用第三方 API,可能遇到过每个查询中不显示相同的键值。必须在JSON中检查空键,这样代码就不会出错误。

poYBAGP9l2uAdMVfAATU2ldwQDk835.png

要检查空密钥,您可以使用以下方法:

Conditional Statement

The nullish coalescing operator (??) - (Recommended)

例如,我们在JavaScript中遵循了以下JSON:

pYYBAGP9l3KATKRvAAB2yV1Ce_U610.png

使用条件语句,我们可以访问JSON元数据中的键,如下所示:

pYYBAGP9l3mAEhNlAAB1WyY4puI044.png

使用nullish聚合运算符,我们可以访问JSON元数据中的键,如下所示:

poYBAGP9l6mAMuqBAAA5gfNzz1o191.png

上面的代码检查JSON元数据中的键,如果可用,它返回值,否则返回空字符串。

5.函数中的默认参数

JavaScript中的一些函数允许发送选项参数。基于可选参数,函数的返回值可以更改。

我们可以通过如下实例演示函数中的默认参数:

pYYBAGP9l7GAUQ7pAABKNKRYqkU884.png

6.函数中参数类型检查

可能,可能存在函数参数没有有效类型的情况。可以执行其他检查来验证参数类型。

我们可以用以下示例来演示这一点:

pYYBAGP9l7iABhg3AABQzPRpH8U030.png

7.Try/Catch语句中的包装代码

try/Catch语句用于检查代码中的错误。如果错误,将运行catch 语句。

我们可以用以下示例来演示这一点:

poYBAGP9l7-ABdt7AAAqvGEYoMw848.png

上述代码控制台记录了错误,因为函数不存在。

8.Destructuring

析构允许您将复杂部分分解为块。

pYYBAGP9l8eAJ-LpAAdSAZXSCuM599.png

例如...

如果你的复杂函数需要很多参数来执行,那么最好去解构函数。而不是传递字符串、浮点数等单个参数;在函数中传递对象。单个对象可以保存多个值。

我们可以如下演示这个例子:

pYYBAGP9l86Ab1fPAAB3F3JBueY746.png

9.编写DRY代码

DRY的意思是(don't repeat yourself)。为了避免混淆,避免代码中的重复。为避免代码混乱,可以遵循以下规则。

写一个可重用的函数

为变量和函数定义清晰的名称

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 浏览器
    +关注

    关注

    1

    文章

    1007

    浏览量

    35215
  • 语言
    +关注

    关注

    1

    文章

    96

    浏览量

    24212
  • javascript
    +关注

    关注

    0

    文章

    515

    浏览量

    53738
收藏 人收藏

    评论

    相关推荐

    JavaScript 简介

    服务器、PC、笔记本电脑、平板电脑和智能手机等设备。### JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程
    发表于 09-09 17:30

    JavaScript 【2】对象

    JavaScript 。你已经学习了 JavaScript 变量的赋值。以下代码为变量 car 设置值为 "Fiat" :var car = "Fiat";对象也是一个变量
    发表于 07-17 10:33

    有关JavaScript获取电子秤串口数据的编程代码

    本文介绍有关JavaScript获取电子秤串口数据的编程代码
    发表于 01-03 17:52 5531次阅读

    JavaScript BOM 教程

    本文档内容介绍了基于JavaScript BOM 教程及源代码,供参考
    发表于 03-15 11:28 5次下载

    如何才能度量JavaScript代码质量

    为了让计算精度上升到最高,客观质量分析以程序化的方式对代码进行分析。这项任务可以使用编程工具完成,这些工具能够在多种情况下评估代码,根据各项指标得到最终的质量得分。本节介绍了静态代码分析,这种
    发表于 08-27 17:29 0次下载
    如何才能度量<b class='flag-5'>JavaScript</b>的<b class='flag-5'>代码</b>质量

    使用JavaScript创建对象的方法和案例

    Javascript中的一切几乎都是对象,无论是数组还是函数。本文将教你使用JavaScript创建对象的三种方法
    的头像 发表于 07-06 09:41 2883次阅读

    Javascript制作声音按钮方法代码免费下载

    本文档的主要内容详细介绍的是Javascript制作声音按钮方法代码免费下载。
    发表于 01-22 17:32 3次下载

    Javascript编写的软键盘代码免费下载

    本文档的主要内容详细介绍的是Javascript编写的软键盘代码免费下载。
    发表于 01-26 14:15 6次下载
    <b class='flag-5'>Javascript</b>编写的软键盘<b class='flag-5'>代码</b>免费下载

    使用javascript实现文字图片上下滚动的代码免费下载

    本文档的主要内容详细介绍的是使用javascript实现文字图片上下滚动的代码免费下载。
    发表于 02-02 14:36 9次下载

    JavaScript常用检测脚本实例代码免费下载

    本文档的主要内容详细介绍的是JavaScript常用检测脚本实例代码免费下载。
    发表于 02-03 17:02 6次下载

    屏蔽键盘的按键JavaScript代码手册

    本文档的主要内容详细介绍的是屏蔽键盘的按键JavaScript代码手册免费下载。
    发表于 03-03 15:55 9次下载

    C代码javaScript函数的相互调用问题应该如何解决

    本文档的主要内容详细介绍的是C代码javaScript函数的相互调用问题应该如何解决。
    发表于 03-05 11:47 17次下载

    JavaScript代码嵌入HTML的文档详细资料概述

    通过编程和上机加深理解JavaScript 语言是如何体现面向对象编程基本思想,进一步理解JavaScript的概念和特点,掌握如何在html网页嵌入JavaScript代码
    发表于 03-10 16:33 7次下载

    如何将JavaScript代码嵌入HTML页面

    本教程向您展示如何将JavaScript代码嵌入HTML页面,来帮助您开始学习 JavaScript
    的头像 发表于 12-14 17:46 1114次阅读

    javascript:;怎么解决

    javascript:” 是一个JavaScript伪协议,它通常出现在URL地址栏或链接中,用于执行JavaScript代码。然而,有时它可能会导致一些问题,特别是在一些不支持
    的头像 发表于 11-26 14:39 6983次阅读