」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 解鎖 JavaScript 的超能力:變數的魔力

解鎖 JavaScript 的超能力:變數的魔力

發佈於2024-11-06
瀏覽:343

Unlocking JavaScript Superpowers: The Magic of Variables

從今天開始,我們將發現一個編程的世界。 你擁有超能力的世界。是的,你沒看錯,超能力。如果不是超能力,那又是什麼?使用 JavaScript,您可以讓物體飛行、移動、消失、改變顏色,並在數英里之外看到您的朋友,而這只是可能的一小部分。是的,一切都在你的螢幕上,但仍然非常令人興奮。
像任何超級英雄一樣,你需要很好地控制和了解自己的力量。為此,讓我們從熟悉最基本的構建塊——全能的變數開始我們的旅程。
什麼是變數?想像一下一個神奇的盒子,您可以在其中放置任何您想要的東西,無論大小!多麼了不起的發明,對吧?但問題是:它一次只能容納一件東西(說實話,不是任何尺寸,但我們現在假裝情況並非如此)。
你可以放一支筆、一頭大象、一把吉他、一個放著一堆書的書架,甚至一張寫有一本小說的紙——任何你想要的東西——但一次只能放一件東西。
我們如何用 JavaScript 創建這樣一個盒子?太簡單了!

let ourFirstBox

簡單的兩個字。第一個始終是「let」關鍵字,第二個是方塊的名稱。您可以將“let”視為一個神奇的關鍵字,它可以讓我們建立一個盒子。名稱可以是任何名稱,但有一些規則。
有硬性規則(如果你不遵守它們,你的魔法將不起作用)。
以及軟規則(主要是最佳實踐,整個產業標準化)。
讓我們從硬性規則開始:

  1. 如果希望名稱由多個單字組成,則不能用空格分隔。
  2. 變數名稱不能以數字開頭。 現在是軟規則:
  3. 您應該使用稱為駝峰命名法的表示法。第一個字母總是小寫,所有後續單字都以大寫字母開頭,沒有空格。
  4. 變數應該是名詞。
  5. 如果你想儲存包含多個項目的東西(例如,一袋蘋果),你應該使用複數名詞,例如 bagOfApples。
  6. 避免在變數名稱中使用數字。

好的。現在我們有一個盒子。我們如何將任何東西放入其中?讓我們來看一個例子:

let ourFirstBox;
ourFirstBox = 100;

就這樣!您建立一個新行,重複變數的名稱,但這次沒有神奇的“let”關鍵字,因為我們只需要它來建立變數。在名稱後面放置一個等號,這是賦值運算子。使用 = 符號,我們表示要在變數中放入一些內容,然後在其後面,將要儲存的內容放入「盒子」中。
現在,我們有一個儲存數字的盒子。目前,它並不像看起來那麼有用,但相信我,我們正在慢慢實現這一目標。
我們神奇盒子的另一個特點是你可以隨時更換裡面的物品。

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

現在 ourFirstBox 內的值為 200。
創建變數有兩種方法。您可以先定義名稱,然後在新行中為其指派值。或者,您可以一次完成所有操作:

let ourFirstBox = 100;

這裡我們使用關鍵字let來定義變量,同時給它賦值。
還有另一種類型的“盒子”。它被稱為常數。顧名思義,它是一種無法改變的變數。一旦你給了它一個值,那就是它了——你無法替換它。

const ourFirstConstantBox = 200;

如果我們嘗試更改其值,我們將收到錯誤:

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

現在您知道如何建立變數了!在下一課中,我們將使用很多變數。

版本聲明 本文轉載於:https://dev.to/edwardfedoruk/unlocking-javascript-superpowers-the-magic-of-variables-2nga?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_rename() runkit_function_redefine() //重新定義'this'以返回“新和...
    程式設計 發佈於2025-05-12
  • 如何使用node-mysql在單個查詢中執行多個SQL語句?
    如何使用node-mysql在單個查詢中執行多個SQL語句?
    Multi-Statement Query Support in Node-MySQLIn Node.js, the question arises when executing multiple SQL statements in a single query using the node-mys...
    程式設計 發佈於2025-05-12
  • JavaScript計算兩個日期之間天數的方法
    JavaScript計算兩個日期之間天數的方法
    How to Calculate the Difference Between Dates in JavascriptAs you attempt to determine the difference between two dates in Javascript, consider this s...
    程式設計 發佈於2025-05-12
  • 在GO中構造SQL查詢時,如何安全地加入文本和值?
    在GO中構造SQL查詢時,如何安全地加入文本和值?
    在go中構造文本sql查詢時,在go sql queries 中,在使用conting and contement和contement consem per時,尤其是在使用integer per當per當per時,per per per當per. [&​​&&&&&&&&&&&&&&&默元組方法在...
    程式設計 發佈於2025-05-12
  • 如何使用Python有效地以相反順序讀取大型文件?
    如何使用Python有效地以相反順序讀取大型文件?
    在python 中,如果您使用一個大文件,並且需要從最後一行讀取其內容,則在第一行到第一行,Python的內置功能可能不合適。這是解決此任務的有效解決方案:反向行讀取器生成器 == ord('\ n'): 緩衝區=緩衝區[:-1] ...
    程式設計 發佈於2025-05-12
  • 為什麼HTML無法打印頁碼及解決方案
    為什麼HTML無法打印頁碼及解決方案
    無法在html頁面上打印頁碼? @page規則在@Media內部和外部都無濟於事。 HTML:Customization:@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: ...
    程式設計 發佈於2025-05-12
  • 如何有效地選擇熊貓數據框中的列?
    如何有效地選擇熊貓數據框中的列?
    在處理數據操作任務時,在Pandas DataFrames 中選擇列時,選擇特定列的必要條件是必要的。在Pandas中,選擇列的各種選項。 選項1:使用列名 如果已知列索引,請使用ILOC函數選擇它們。請注意,python索引基於零。 df1 = df.iloc [:,0:2]#使用索引0和1 ...
    程式設計 發佈於2025-05-12
  • 如何在無序集合中為元組實現通用哈希功能?
    如何在無序集合中為元組實現通用哈希功能?
    在未訂購的集合中的元素要糾正此問題,一種方法是手動為特定元組類型定義哈希函數,例如: template template template 。 struct std :: hash { size_t operator()(std :: tuple const&tuple)const {...
    程式設計 發佈於2025-05-12
  • MySQL中如何高效地根據兩個條件INSERT或UPDATE行?
    MySQL中如何高效地根據兩個條件INSERT或UPDATE行?
    在兩個條件下插入或更新或更新 solution:的答案在於mysql的插入中...在重複鍵更新語法上。如果不存在匹配行或更新現有行,則此功能強大的功能可以通過插入新行來進行有效的數據操作。如果違反了唯一的密鑰約束。 實現所需的行為,該表必須具有唯一的鍵定義(在這種情況下為'名稱'...
    程式設計 發佈於2025-05-12
  • 如何使用不同數量列的聯合數據庫表?
    如何使用不同數量列的聯合數據庫表?
    合併列數不同的表 當嘗試合併列數不同的數據庫表時,可能會遇到挑戰。一種直接的方法是在列數較少的表中,為缺失的列追加空值。 例如,考慮兩個表,表 A 和表 B,其中表 A 的列數多於表 B。為了合併這些表,同時處理表 B 中缺失的列,請按照以下步驟操作: 確定表 B 中缺失的列,並將它們添加到表的...
    程式設計 發佈於2025-05-12
  • 在Oracle SQL中如何提取下劃線前的子字符串?
    在Oracle SQL中如何提取下劃線前的子字符串?
    [ 在oracle sql 解決方案: Explanation:SUBSTR function extracts a substring starting from the specified position (0) and continuing for a specified length.IN...
    程式設計 發佈於2025-05-12
  • Go語言垃圾回收如何處理切片內存?
    Go語言垃圾回收如何處理切片內存?
    Garbage Collection in Go Slices: A Detailed AnalysisIn Go, a slice is a dynamic array that references an underlying array.使用切片時,了解垃圾收集行為至關重要,以避免潛在的內存洩...
    程式設計 發佈於2025-05-12
  • 如何在GO編譯器中自定義編譯優化?
    如何在GO編譯器中自定義編譯優化?
    在GO編譯器中自定義編譯優化 GO中的默認編譯過程遵循特定的優化策略。 However, users may need to adjust these optimizations for specific requirements.Optimization Control in Go Compi...
    程式設計 發佈於2025-05-12
  • 如何在Chrome中居中選擇框文本?
    如何在Chrome中居中選擇框文本?
    選擇框的文本對齊:局部chrome-inly-ly-ly-lyly solument 您可能希望將文本中心集中在選擇框中,以獲取優化的原因或提高可訪問性。但是,在CSS中的選擇元素中手動添加一個文本 - 對屬性可能無法正常工作。 初始嘗試 state)</option> < o...
    程式設計 發佈於2025-05-12
  • Python高效去除文本中HTML標籤方法
    Python高效去除文本中HTML標籤方法
    在Python中剝離HTML標籤,以獲取原始的文本表示Achieving Text-Only Extraction with Python's MLStripperTo streamline the stripping process, the Python standard librar...
    程式設計 發佈於2025-05-12

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3