0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

使用JavaScript提升代碼游戲的方法是什么

汽車電子技術(shù) ? 來源:Python日志 ? 作者:Python日志 ? 2023-02-28 13:58 ? 次閱讀

Javascript是瀏覽器理解的語言。用于加載動態(tài)內(nèi)容,無需刷新頁面。

poYBAGP9lxGAcQ31AASRLdrFll4559.png

需要在更少的代碼行中使Javascript代碼更易于閱讀。我們列出了一些推薦的方法,以獲得更多編寫javascript代碼的方法:

1.使用模板文字

模板文字是可以嵌入到表達式中的字符串(變量)。模板文字使代碼更簡單、更可讀。

poYBAGP9lxmAX1P3AATPmMLNq7w705.png

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

pYYBAGP9lyGAdl21AABVrjCceA0028.png

沒有模板文字,我們可以把上面的例子寫成如下:

poYBAGP9l0mAcA6gAABKkJaL8Hs997.png

2.使用三元運算符

編程中,大多會遇到邏輯操作。如果你想在兩個語句之間執(zhí)行邏輯,三元運算符的可讀性要高得多。

pYYBAGP9l1OAFnD6AAA4JeCqwuk216.png

3.在JavaScript中使用Include語句

在JavaScript中包含語句是在數(shù)組和句子中搜索字符串的更簡單方法。

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

poYBAGP9l1qAS-sGAABTiddBzjM967.png

在數(shù)組中,我們可以使用包含語句如下:

pYYBAGP9l2KAL68sAAAh4oM_uBM207.png

include語句返回true還是false取決于字符串是否出現(xiàn)在句子或數(shù)組中。

4.Nullish Operator

如果正在使用第三方 API,可能遇到過每個查詢中不顯示相同的鍵值。必須在JSON中檢查空鍵,這樣代碼就不會出錯誤。

poYBAGP9l2uAdMVfAATU2ldwQDk835.png

要檢查空密鑰,您可以使用以下方法:

Conditional Statement

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

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

pYYBAGP9l3KATKRvAAB2yV1Ce_U610.png

使用條件語句,我們可以訪問JSON元數(shù)據(jù)中的鍵,如下所示:

pYYBAGP9l3mAEhNlAAB1WyY4puI044.png

使用nullish聚合運算符,我們可以訪問JSON元數(shù)據(jù)中的鍵,如下所示:

poYBAGP9l6mAMuqBAAA5gfNzz1o191.png

上面的代碼檢查JSON元數(shù)據(jù)中的鍵,如果可用,它返回值,否則返回空字符串。

5.函數(shù)中的默認參數(shù)

JavaScript中的一些函數(shù)允許發(fā)送選項參數(shù)?;诳蛇x參數(shù),函數(shù)的返回值可以更改。

我們可以通過如下實例演示函數(shù)中的默認參數(shù):

pYYBAGP9l7GAUQ7pAABKNKRYqkU884.png

6.函數(shù)中參數(shù)類型檢查

可能,可能存在函數(shù)參數(shù)沒有有效類型的情況。可以執(zhí)行其他檢查來驗證參數(shù)類型。

我們可以用以下示例來演示這一點:

pYYBAGP9l7iABhg3AABQzPRpH8U030.png

7.Try/Catch語句中的包裝代碼

try/Catch語句用于檢查代碼中的錯誤。如果錯誤,將運行catch 語句。

我們可以用以下示例來演示這一點:

poYBAGP9l7-ABdt7AAAqvGEYoMw848.png

上述代碼控制臺記錄了錯誤,因為函數(shù)不存在。

8.Destructuring

析構(gòu)允許您將復雜部分分解為塊。

pYYBAGP9l8eAJ-LpAAdSAZXSCuM599.png

例如...

如果你的復雜函數(shù)需要很多參數(shù)來執(zhí)行,那么最好去解構(gòu)函數(shù)。而不是傳遞字符串、浮點數(shù)等單個參數(shù);在函數(shù)中傳遞對象。單個對象可以保存多個值。

我們可以如下演示這個例子:

pYYBAGP9l86Ab1fPAAB3F3JBueY746.png

9.編寫DRY代碼

DRY的意思是(don't repeat yourself)。為了避免混淆,避免代碼中的重復。為避免代碼混亂,可以遵循以下規(guī)則。

寫一個可重用的函數(shù)

為變量和函數(shù)定義清晰的名稱

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 瀏覽器
    +關(guān)注

    關(guān)注

    1

    文章

    1007

    瀏覽量

    34963
  • 語言
    +關(guān)注

    關(guān)注

    1

    文章

    96

    瀏覽量

    24163
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    515

    瀏覽量

    53656
收藏 人收藏

    評論

    相關(guān)推薦

    JavaScript 簡介

    服務(wù)器、PC、筆記本電腦、平板電腦和智能手機等設(shè)備。### JavaScript 是腳本語言JavaScript 是一種輕量級的編程語言。JavaScript 是可插入 HTML 頁面的編程
    發(fā)表于 09-09 17:30

    JavaScript 【2】對象

    JavaScript 。你已經(jīng)學習了 JavaScript 變量的賦值。以下代碼為變量 car 設(shè)置值為 "Fiat" :var car = "Fiat";對象也是一個變量
    發(fā)表于 07-17 10:33

    有關(guān)JavaScript獲取電子秤串口數(shù)據(jù)的編程代碼

    本文介紹有關(guān)JavaScript獲取電子秤串口數(shù)據(jù)的編程代碼
    發(fā)表于 01-03 17:52 ?5493次閱讀

    JavaScript BOM 教程

    本文檔內(nèi)容介紹了基于JavaScript BOM 教程及源代碼,供參考
    發(fā)表于 03-15 11:28 ?5次下載

    如何才能度量JavaScript代碼質(zhì)量

    為了讓計算精度上升到最高,客觀質(zhì)量分析以程序化的方式對代碼進行分析。這項任務(wù)可以使用編程工具完成,這些工具能夠在多種情況下評估代碼,根據(jù)各項指標得到最終的質(zhì)量得分。本節(jié)介紹了靜態(tài)代碼分析,這種
    發(fā)表于 08-27 17:29 ?0次下載
    如何才能度量<b class='flag-5'>JavaScript</b>的<b class='flag-5'>代碼</b>質(zhì)量

    使用JavaScript創(chuàng)建對象的方法和案例

    Javascript中的一切幾乎都是對象,無論是數(shù)組還是函數(shù)。本文將教你使用JavaScript創(chuàng)建對象的三種方法。
    的頭像 發(fā)表于 07-06 09:41 ?2837次閱讀

    Javascript制作聲音按鈕方法代碼免費下載

    本文檔的主要內(nèi)容詳細介紹的是Javascript制作聲音按鈕方法代碼免費下載。
    發(fā)表于 01-22 17:32 ?3次下載

    Javascript編寫的軟鍵盤代碼免費下載

    本文檔的主要內(nèi)容詳細介紹的是Javascript編寫的軟鍵盤代碼免費下載。
    發(fā)表于 01-26 14:15 ?6次下載
    <b class='flag-5'>Javascript</b>編寫的軟鍵盤<b class='flag-5'>代碼</b>免費下載

    使用javascript實現(xiàn)文字圖片上下滾動的代碼免費下載

    本文檔的主要內(nèi)容詳細介紹的是使用javascript實現(xiàn)文字圖片上下滾動的代碼免費下載。
    發(fā)表于 02-02 14:36 ?9次下載

    JavaScript常用檢測腳本實例代碼免費下載

    本文檔的主要內(nèi)容詳細介紹的是JavaScript常用檢測腳本實例代碼免費下載。
    發(fā)表于 02-03 17:02 ?6次下載

    屏蔽鍵盤的按鍵JavaScript代碼手冊

    本文檔的主要內(nèi)容詳細介紹的是屏蔽鍵盤的按鍵JavaScript代碼手冊免費下載。
    發(fā)表于 03-03 15:55 ?9次下載

    C代碼javaScript函數(shù)的相互調(diào)用問題應(yīng)該如何解決

    本文檔的主要內(nèi)容詳細介紹的是C代碼javaScript函數(shù)的相互調(diào)用問題應(yīng)該如何解決。
    發(fā)表于 03-05 11:47 ?17次下載

    JavaScript代碼嵌入HTML的文檔詳細資料概述

    通過編程和上機加深理解JavaScript 語言是如何體現(xiàn)面向?qū)ο缶幊袒舅枷?,進一步理解JavaScript的概念和特點,掌握如何在html網(wǎng)頁嵌入JavaScript代碼
    發(fā)表于 03-10 16:33 ?7次下載

    如何將JavaScript代碼嵌入HTML頁面

    本教程向您展示如何將JavaScript代碼嵌入HTML頁面,來幫助您開始學習 JavaScript。
    的頭像 發(fā)表于 12-14 17:46 ?1049次閱讀

    javascript:;怎么解決

    javascript:” 是一個JavaScript偽協(xié)議,它通常出現(xiàn)在URL地址欄或鏈接中,用于執(zhí)行JavaScript代碼。然而,有時它可能會導致一些問題,特別是在一些不支持
    的頭像 發(fā)表于 11-26 14:39 ?6256次閱讀