<acronym id="s8ci2"><small id="s8ci2"></small></acronym>
<rt id="s8ci2"></rt><rt id="s8ci2"><optgroup id="s8ci2"></optgroup></rt>
<acronym id="s8ci2"></acronym>
<acronym id="s8ci2"><center id="s8ci2"></center></acronym>
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中的一些函數允許發送選項參數?;诳蛇x參數,函數的返回值可以更改。

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

pYYBAGP9l7GAUQ7pAABKNKRYqkU884.png

6.函數中參數類型檢查

可能,可能存在函數參數沒有有效類型的情況??梢詧绦衅渌麢z查來驗證參數類型。

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

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

    文章

    988

    瀏覽量

    34521
  • 語言
    +關注

    關注

    1

    文章

    96

    瀏覽量

    24059
  • javascript
    +關注

    關注

    0

    文章

    511

    瀏覽量

    53441
收藏 人收藏

    評論

    相關推薦

    JavaScript無處不在

    全相同的代碼,但你可以使用相同的技能——JavaScript開發——提供跨越多個范式的解決方案??蛻舳?b class='flag-5'>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 ?5716次閱讀
    <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 ?2738次閱讀

    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 ?907次閱讀

    javascript中輸出到控制臺的代碼

    JavaScript中的控制臺輸出是開發過程中非常重要的一項功能。它允許開發者在瀏覽器的開發者工具中,輸出信息到控制臺窗口中,以便于調試和查看代碼執行的過程。 控制臺輸出是在JavaScript中最
    的頭像 發表于 11-26 11:12 ?648次閱讀

    javascript:;怎么解決

    javascript:” 是一個JavaScript偽協議,它通常出現在URL地址欄或鏈接中,用于執行JavaScript代碼。然而,有時它可能會導致一些問題,特別是在一些不支持
    的頭像 發表于 11-26 14:39 ?2392次閱讀
    亚洲欧美日韩精品久久_久久精品AⅤ无码中文_日本中文字幕有码在线播放_亚洲视频高清不卡在线观看
    <acronym id="s8ci2"><small id="s8ci2"></small></acronym>
    <rt id="s8ci2"></rt><rt id="s8ci2"><optgroup id="s8ci2"></optgroup></rt>
    <acronym id="s8ci2"></acronym>
    <acronym id="s8ci2"><center id="s8ci2"></center></acronym>