整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JavaScript 基本變量語法的使用

          本變量語法

          1、在使用javaScript的時候,遵循以下命名規范

          2、必須以字母或下劃線開頭,中間可以是數字、字符或下劃線

          ,也能以 $ 和 _ 符號開頭(不過我們不推薦這么做)

          3、變量名不能包含空格等符號,嚴格區分大小寫

          4、不能使用javaScript關鍵字作為變量名,如:function

          1、變量的聲明

          1、變量是用于存儲信息的"容器"

          2、在 JavaScript 中創建變量通常稱為"聲明"變量

          3、我們使用 var 關鍵詞來聲明變量

          4、變量聲明之后,該變量是空的(它沒有值)如需向變量賦值,請使用等號

          5、不過,您也可以在聲明變量時對其賦值

          2、多變量

          1、可以在一條語句中聲明很多變量。該語句以 var 開頭,并使用逗號分隔變量即可

          3、重新聲明 JavaScript 變量

          1、如果重新聲明 JavaScript 變量,該變量的值不會丟失:

          2、在以下兩條語句執行后,變量 carname 的值依然是 "Volvo":

          家好,在本篇文章中,我們將深入了解JavaScript變量的方方面面。無論你是初學者還是有一定經驗的開發者,本文都將為你揭開JavaScript變量的奧秘,讓你輕松掌握這門重要的編程語言。

          一、變量是什么?

          在JavaScript中,變量是存儲數據的容器,它們允許你在程序中存儲和操作各種類型的值。使用變量可以使你的代碼更加靈活和可維護,因為你可以在程序中多次使用同一個值,而不需要重復輸入。通俗的理解變量就是使用【特定符號】來代表【特定數據】。

            <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>變量</title>
          </head>
          <body>
              <script>
                    x = 1
                    y = 2
                  // x和y兩個符號分別表示了數字1和2
                      
                  //舉例:使用變量記錄數據
                  // 將用戶輸入的內容保存在 num 這個變量(容器)中
                    num = prompt('請輸入一數字!')
                    // 通過 num 變量(容器)將用戶輸入的內容輸出出來
                    alert(num)
                    document.write(num)
                  </script>
          </body>
          </html>

          二、聲明變量:

          要使用變量,首先需要聲明它。在JavaScript中,有三種聲明變量的方式:使用varletconst關鍵字。這些關鍵字的選擇取決于變量的作用域和是否允許重新賦值。

          聲明(定義)變量有兩部分構成:聲明關鍵字、變量名(標識)

          關鍵字

          關鍵字也叫保留字,是 JavaScript 中內置的一些英文詞匯(單詞或縮寫),它們代表某些特定的含義。以下是JavaScript常見的一些關鍵字。

          case       else       new         var
          
          catch      export     return      void
          
          class      extends    super       while
          
          const      finally    switch      with
          
          continue   for        this        yield
          
          debugger   function   throw
          
          default    if         try
          
          enum       await      implements  protected
          
          interface  public     package     static
          
          import     from       as
          

          這些關鍵字在JavaScript的語法中有特定的用途,例如:

          • ifelseswitchcasedefault:條件語句和分支邏輯的控制。
          • forwhiledo:循環結構。
          • function:用于聲明函數。
          • varletconst:用于聲明變量。
          • classextendssuper:用于創建和擴展類。
          • return:用于從函數中返回值。
          • breakcontinue:用于控制循環和語句塊的執行流程。

          聲明變量和賦值

          聲明變量:關鍵字+變量名

          賦值:變量名 = XX數據

          <!DOCTYPE html>
          <html lang="en">
          <head>
            <meta charset="UTF-8">
            <title>變量聲明和賦值</title>
          </head>
          <body>
            
            <script> 
              // 聲明(定義)變量有兩部分構成:聲明關鍵字、變量名(標識)
              // let 即關鍵字,所謂關鍵字是系統提供的專門用來聲明(定義)變量的詞語
              // age 即變量的名稱,也叫標識符
              let age
              // 賦值,將 25 這個數據存入了 age 這個“容器”中
              age = 25
              // 這樣 age 的值就成了 25
              document.write(age)
              
              // 也可以聲明和賦值同時進行
              let str = '你好,謐夜星球!'
              alert(str);
            </script>
          </body>
          </html>

          let、var和const聲明變量的部分區別

          作用域:

          • var:使用 var 聲明的變量具有函數作用域,在函數內部聲明的 var 變量在函數外部仍然可以訪問。它也具有變量提升(hoisting)的特性,變量聲明會被提升到作用域的頂部。
          • letconst:使用 letconst 聲明的變量具有塊級作用域,這意味著在代碼塊(如循環、條件語句等)內部聲明的變量只能在該塊內部訪問。

          變量提升:

          • var 存在變量提升,這意味著變量聲明會被提升到作用域的頂部,但賦值操作不會提升。這可能導致在變量聲明之前就使用變量,其值為 undefined
          • letconst 存在變量提升,但在聲明之前使用變量會引發暫時性死區(Temporal Dead Zone,TDZ)錯誤,即在聲明之前訪問會拋出錯誤。

          變量重復聲明:

          • var 允許在同一作用域內重復聲明同名的變量,不會拋出錯誤。
          • letconst 不允許在同一作用域內重復聲明同名的變量,否則會拋出錯誤。

          可變性:

          • varlet 聲明的變量可以重新賦值。
          • const 聲明的變量是常量,一旦賦值后就不能再被重新賦值。

          全局對象屬性:

          • var 聲明的全局變量會成為全局對象的屬性(在瀏覽器環境中是 window 對象的屬性)。
          • letconst 聲明的全局變量不會成為全局對象的屬性。

          初始化:

          • varletconst 在聲明時都可以不進行初始化,此時變量的初始值都將是 undefined

          適用場景:

          • var 在現代 JavaScript 中使用較少,因為它具有函數作用域和變量提升的特性,容易引發一些意外行為。在循環中使用 var 可能會導致閉包問題。
          • let 是塊級作用域的變量聲明方式,適合大多數情況,尤其是需要在循環中使用的情況。
          • const 用于聲明常量,適用于那些不希望被重新賦值的變量。

          綜上所述,letconst 是在現代 JavaScript 中更常見和推薦的變量聲明方式,可以更好地控制作用域、避免一些潛在問題,并提高代碼的可讀性和可維護性。

          三、變量的命名規則:

          在命名變量時,需要遵循一些規則:

          • 變量名必須以字母、下劃線(_)或美元符號($)開頭,不能以數字開頭。
          • 變量名可以包含字母、數字、下劃線和美元符號。
          • 變量名區分大小寫,例如myVarmyvar是不同的變量。
          • JavaScript 內部已占用于單詞(關鍵字或保留字)不允許使用
          • 盡量保證變量具有一定的語義,見字知義

          四、變量的作用域:

          變量的作用域指的是變量在代碼中的可訪問范圍。JavaScript中有兩種主要的作用域:全局作用域和局部作用域。

          • 全局作用域中聲明的變量可以在整個程序中訪問。
          • 局部作用域中聲明的變量只能在聲明它的代碼塊內部訪問。

          常量

          概念:使用 const 聲明的變量稱為“常量”。

          使用場景:當某個變量永遠不會改變的時候,就可以使用 const 來聲明,而不是let。

          命名規范:和變量一致

          const PI = 3.14

          注意: 常量不允許重新賦值,聲明的時候必須賦值(初始化)

          總結:

          本文深入介紹了JavaScript變量的各個方面,從聲明變量到變量的作用域、命名規則以及使用方法等。通過學習這些基礎知識,你將能夠更好地理解和運用JavaScript變量,為你的編程之路鋪平道路。

          希望本文能夠幫助你更深入地理解JavaScript變量,讓你在編程的旅程中游刃有余。如果你有任何關于JavaScript變量的疑問,歡迎在評論區提出,我將竭誠為你解答!

          感謝閱讀本文,希望能夠對你有所幫助。記得點贊、分享!持續更新中!

          天來說一下Javascript的變量。


          第一節里面可以看到這樣的語句:

          var a=1;

          var b=5;

          var c=10;

          console.log(c-b+a);

          在這個里面,a、b、c就是變量。

          在JavaScript里面定義一個變量非常簡單,就是:

          var 變量名稱=變量值

          有的童靴可能會問,為什么需要定義變量呢?

          因為程序是需要實現一定功能的,而實現功能就必須使用變量。

          譬如你寫了一個程序,來提示還房貸的日期到了,這個日期是每月10號。

          那么程序大概是這樣的:

          var 提示消息=“還款日期到了,注意卡里面有沒有錢”

          if(今天日期==10)

          {

          console.log(提示消息) //輸入提示信息

          }

          在這個程序里面,“今天日期”肯定不是一個固定的值,因為可能對于5月10號來說,它的值是5-10,到了5月20號,它的值就變了。

          這就是我們要定義一個變量的原因。


          在JavaScript里面,每一個變量都是有類型的!


          JS變量的類型主要有下面6種:

          1、string--字符串

          2、number-數值

          3、boolean-true或者false,真還是假

          4、null-空,懸空的值

          5、undefined-沒有定義的值

          6、object-對象


          為什么變量會存在不同的類型?

          因為對不同類型來講,它對應的不同的東西。

          譬如一個加法操作,不同類型對應的操作可能如下:

          number:對應顯示中的數字,銀行存款、車里程數等等,兩個number,譬如5和10,相加就是2個數字的和,結果是15

          string:字符串(譬如“hello”和“world”),兩個字符串相加就是把他們連起來,結果是“helloworld”

          boolean:是對應真假,譬如先進行“戰場上那個人是不是敵人”這個判定,然后再采取進一步的動作。如果是就開槍,如果不是就過去集合

          null、undefined判定是否變量是否定義過了或者當前狀態是懸空狀態。

          object:對應顯示中的物體。你在JS可以一個car的object,這個car表示一輛車,然后這輛車有型號、價格、行駛總里程數等屬性,還有方法-把你從一個地方送到另外一個地方,它的總行駛里程數會會自動增加。總之object可以讓你對應現實中的一個具體物體,來進行程序操作。


          最后還是說一下那個變量輸出的方法:

          console.log(變量名)

          這個方法的含義相信大家應該都懂了,就是在瀏覽器的Console(英文,終端的意思)里面輸出變量的值。


          另外呢,在Js里面,“//"表示后面的內容都是注釋,代碼運行的時候會直接省略,但是對于我們看代碼有幫助。


          最后還是來3個例子,大家可以去課程1里面提到的在線JS運行網站:

          http://jsrun.net/new

          去實際運行一下。


          例子1:

          var a=1000; //定義一個number變量,名稱為a,數值為1000

          var b=50;

          console.log(a+b); //求他們的和


          例子2:

          var str1="Hello "; //定義string字符串變量

          var str2="World!";

          console.log(a+b); //求他們的和


          例子3:

          var num1=1000

          var num2=900

          var is_big=num1>num2; //這是個boolean變量

          if(is_big){

          console.log("num1 比num2 大“);

          }

          num3=9000

          var is_little=num1<num3

          if(is_little){

          console.log("num1小于num3");

          }


          其它類型,以后會遇到的時候再說。


          好了,今天就到這里!


          主站蜘蛛池模板: 亚洲高清美女一区二区三区 | 色屁屁一区二区三区视频国产| 亚洲一区二区三区亚瑟| 日韩成人无码一区二区三区 | 在线一区二区观看| 无码一区二区三区在线观看| 午夜福利国产一区二区| 亚洲码欧美码一区二区三区| 精品无码AV一区二区三区不卡| 久久国产高清一区二区三区| 精品理论片一区二区三区| 无码人妻aⅴ一区二区三区| 在线视频一区二区三区| 人妻无码视频一区二区三区| 亚洲一区免费观看| 一区二区三区观看免费中文视频在线播放 | 99久久综合狠狠综合久久一区| 久久99精品免费一区二区| 精品视频一区二区观看| 国产一区在线观看免费| 国产精品一区二区资源| 国产亚洲综合一区二区三区 | 秋霞午夜一区二区| 蜜桃传媒视频麻豆第一区| 国产一区二区三区免费观看在线| 国产精品亚洲不卡一区二区三区| 免费在线观看一区| 一区二区国产在线观看| 国产精品女同一区二区久久| 日韩精品人妻一区二区中文八零| 香蕉一区二区三区观| 日韩精品人妻一区二区中文八零 | 在线免费视频一区| 日韩精品中文字幕视频一区| 日本精品啪啪一区二区三区| 日韩精品午夜视频一区二区三区| 国产AV一区二区精品凹凸| 国产福利电影一区二区三区,亚洲国模精品一区 | 久久99精品波多结衣一区| 精品视频无码一区二区三区| 伊人久久大香线蕉AV一区二区|