首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2024-09-12 10:32:54
原創
915 人瀏覽過

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!!!!!
登入後複製

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

以上是解鎖 JavaScript 的超能力:變數的魔力的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!