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

    文章

    974

    浏览量

    34418
  • 语言
    +关注

    关注

    1

    文章

    97

    浏览量

    24041
  • javascript
    +关注

    关注

    0

    文章

    511

    浏览量

    53403
收藏 人收藏

    评论

    相关推荐

    JavaScript无处不在

    全相同的代码,但你可以使用相同的技能——JavaScript开发——提供跨越多个范式的解决方案。客户端JavaScript可被用于支持客户端应用程序/用户界面,以及众多平台和设备的用户交互。web当然
    发表于 01-10 16:54

    JavaScript 简介

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

    JavaScript 【2】对象

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

    JavaScript让HTML静态页面传值的方法

    JavaScript让HTML静态页面传值的方法有四种:1、JavaScript通过URL传值。2、JavaScript通过Cookie传值。3、J
    发表于 01-09 15:24 5699次阅读
    <b class='flag-5'>JavaScript</b>让HTML静态页面传值的<b class='flag-5'>方法</b>

    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 2722次阅读

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

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

    Javascript代码如何应用到网页中

    在今天的网页中 javascript 使用相当广泛,它能使网页增加互动性。javascript 使有规律地重复的html文段简化,减少下载时间。javascript 能及时响应用户的操作,对提交表单
    发表于 01-29 17:23 6次下载
    <b class='flag-5'>Javascript</b><b class='flag-5'>代码</b>如何应用到网页中

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

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

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

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

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

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

    如何将JavaScript代码嵌入HTML页面

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

    javascript中输出到控制台的代码

    JavaScript中的控制台输出是开发过程中非常重要的一项功能。它允许开发者在浏览器的开发者工具中,输出信息到控制台窗口中,以便于调试和查看代码执行的过程。 控制台输出是在JavaScript中最
    的头像 发表于 11-26 11:12 622次阅读

    javascript:;怎么解决

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