JavaScript 基本變量語(yǔ)法的使用

本變量語(yǔ)法

1、在使用javaScript的時(shí)候，遵循以下命名規(guī)范

2、必須以字母或下劃線開(kāi)頭，中間可以是數(shù)字、字符或下劃線

，也能以 $ 和 _ 符號(hào)開(kāi)頭（不過(guò)我們不推薦這么做）

3、變量名不能包含空格等符號(hào)，嚴(yán)格區(qū)分大小寫(xiě)

4、不能使用javaScript關(guān)鍵字作為變量名，如：function

1、變量的聲明

1、變量是用于存儲(chǔ)信息的"容器"

2、在 JavaScript 中創(chuàng)建變量通常稱(chēng)為"聲明"變量

3、我們使用 var 關(guān)鍵詞來(lái)聲明變量

4、變量聲明之后，該變量是空的（它沒(méi)有值）如需向變量賦值，請(qǐng)使用等號(hào)

5、不過(guò)，您也可以在聲明變量時(shí)對(duì)其賦值

2、多變量

1、可以在一條語(yǔ)句中聲明很多變量。該語(yǔ)句以 var 開(kāi)頭，并使用逗號(hào)分隔變量即可

3、重新聲明 JavaScript 變量

1、如果重新聲明 JavaScript 變量，該變量的值不會(huì)丟失：

2、在以下兩條語(yǔ)句執(zhí)行后，變量 carname 的值依然是 "Volvo"：

家好，在本篇文章中，我們將深入了解JavaScript變量的方方面面。無(wú)論你是初學(xué)者還是有一定經(jīng)驗(yàn)的開(kāi)發(fā)者，本文都將為你揭開(kāi)JavaScript變量的奧秘，讓你輕松掌握這門(mén)重要的編程語(yǔ)言。

一、變量是什么？

在JavaScript中，變量是存儲(chǔ)數(shù)據(jù)的容器，它們?cè)试S你在程序中存儲(chǔ)和操作各種類(lèi)型的值。使用變量可以使你的代碼更加靈活和可維護(hù)，因?yàn)槟憧梢栽诔绦蛑卸啻问褂猛粋€(gè)值，而不需要重復(fù)輸入。通俗的理解變量就是使用【特定符號(hào)】來(lái)代表【特定數(shù)據(jù)】。

  <!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兩個(gè)符號(hào)分別表示了數(shù)字1和2
            
        //舉例：使用變量記錄數(shù)據(jù)
        // 將用戶(hù)輸入的內(nèi)容保存在 num 這個(gè)變量（容器）中
          num = prompt('請(qǐng)輸入一數(shù)字!')
          // 通過(guò) num 變量（容器）將用戶(hù)輸入的內(nèi)容輸出出來(lái)
          alert(num)
          document.write(num)
        </script>
</body>
</html>

二、聲明變量：

要使用變量，首先需要聲明它。在JavaScript中，有三種聲明變量的方式：使用var、let和const關(guān)鍵字。這些關(guān)鍵字的選擇取決于變量的作用域和是否允許重新賦值。

聲明(定義)變量有兩部分構(gòu)成：聲明關(guān)鍵字、變量名（標(biāo)識(shí)）

關(guān)鍵字

關(guān)鍵字也叫保留字，是 JavaScript 中內(nèi)置的一些英文詞匯（單詞或縮寫(xiě)），它們代表某些特定的含義。以下是JavaScript常見(jiàn)的一些關(guān)鍵字。

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

這些關(guān)鍵字在JavaScript的語(yǔ)法中有特定的用途，例如：

if、else、switch、case、default：條件語(yǔ)句和分支邏輯的控制。
for、while、do：循環(huán)結(jié)構(gòu)。
function：用于聲明函數(shù)。
var、let、const：用于聲明變量。
class、extends、super：用于創(chuàng)建和擴(kuò)展類(lèi)。
return：用于從函數(shù)中返回值。
break、continue：用于控制循環(huán)和語(yǔ)句塊的執(zhí)行流程。

聲明變量和賦值

聲明變量：關(guān)鍵字+變量名

賦值：變量名 = XX數(shù)據(jù)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>變量聲明和賦值</title>
</head>
<body>
  
  <script> 
    // 聲明(定義)變量有兩部分構(gòu)成：聲明關(guān)鍵字、變量名（標(biāo)識(shí)）
    // let 即關(guān)鍵字，所謂關(guān)鍵字是系統(tǒng)提供的專(zhuān)門(mén)用來(lái)聲明（定義）變量的詞語(yǔ)
    // age 即變量的名稱(chēng)，也叫標(biāo)識(shí)符
    let age
    // 賦值，將 25 這個(gè)數(shù)據(jù)存入了 age 這個(gè)“容器”中
    age = 25
    // 這樣 age 的值就成了 25
    document.write(age)
    
    // 也可以聲明和賦值同時(shí)進(jìn)行
    let str = '你好，謐夜星球！'
    alert(str);
  </script>
</body>
</html>

let、var和const聲明變量的部分區(qū)別

作用域：

var：使用 var 聲明的變量具有函數(shù)作用域，在函數(shù)內(nèi)部聲明的 var 變量在函數(shù)外部仍然可以訪問(wèn)。它也具有變量提升（hoisting）的特性，變量聲明會(huì)被提升到作用域的頂部。
let 和 const：使用 let 和 const 聲明的變量具有塊級(jí)作用域，這意味著在代碼塊（如循環(huán)、條件語(yǔ)句等）內(nèi)部聲明的變量只能在該塊內(nèi)部訪問(wèn)。

變量提升：

var 存在變量提升，這意味著變量聲明會(huì)被提升到作用域的頂部，但賦值操作不會(huì)提升。這可能導(dǎo)致在變量聲明之前就使用變量，其值為 undefined。
let 和 const 存在變量提升，但在聲明之前使用變量會(huì)引發(fā)暫時(shí)性死區(qū)（Temporal Dead Zone，TDZ）錯(cuò)誤，即在聲明之前訪問(wèn)會(huì)拋出錯(cuò)誤。

變量重復(fù)聲明：

var 允許在同一作用域內(nèi)重復(fù)聲明同名的變量，不會(huì)拋出錯(cuò)誤。
let 和 const 不允許在同一作用域內(nèi)重復(fù)聲明同名的變量，否則會(huì)拋出錯(cuò)誤。

可變性：

var 和 let 聲明的變量可以重新賦值。
const 聲明的變量是常量，一旦賦值后就不能再被重新賦值。

全局對(duì)象屬性：

var 聲明的全局變量會(huì)成為全局對(duì)象的屬性（在瀏覽器環(huán)境中是 window 對(duì)象的屬性）。
let 和 const 聲明的全局變量不會(huì)成為全局對(duì)象的屬性。

初始化：

var、let 和 const 在聲明時(shí)都可以不進(jìn)行初始化，此時(shí)變量的初始值都將是 undefined。

適用場(chǎng)景：

var 在現(xiàn)代 JavaScript 中使用較少，因?yàn)樗哂泻瘮?shù)作用域和變量提升的特性，容易引發(fā)一些意外行為。在循環(huán)中使用 var 可能會(huì)導(dǎo)致閉包問(wèn)題。
let 是塊級(jí)作用域的變量聲明方式，適合大多數(shù)情況，尤其是需要在循環(huán)中使用的情況。
const 用于聲明常量，適用于那些不希望被重新賦值的變量。

綜上所述，let 和 const 是在現(xiàn)代 JavaScript 中更常見(jiàn)和推薦的變量聲明方式，可以更好地控制作用域、避免一些潛在問(wèn)題，并提高代碼的可讀性和可維護(hù)性。

三、變量的命名規(guī)則：

在命名變量時(shí)，需要遵循一些規(guī)則：

變量名必須以字母、下劃線（_）或美元符號(hào)（$）開(kāi)頭,不能以數(shù)字開(kāi)頭。
變量名可以包含字母、數(shù)字、下劃線和美元符號(hào)。
變量名區(qū)分大小寫(xiě)，例如myVar和myvar是不同的變量。
JavaScript 內(nèi)部已占用于單詞（關(guān)鍵字或保留字）不允許使用
盡量保證變量具有一定的語(yǔ)義，見(jiàn)字知義

四、變量的作用域：

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

全局作用域中聲明的變量可以在整個(gè)程序中訪問(wèn)。
局部作用域中聲明的變量只能在聲明它的代碼塊內(nèi)部訪問(wèn)。

常量

概念：使用 const 聲明的變量稱(chēng)為“常量”。

使用場(chǎng)景：當(dāng)某個(gè)變量永遠(yuǎn)不會(huì)改變的時(shí)候，就可以使用 const 來(lái)聲明，而不是let。

命名規(guī)范：和變量一致

const PI = 3.14

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

總結(jié)：

本文深入介紹了JavaScript變量的各個(gè)方面，從聲明變量到變量的作用域、命名規(guī)則以及使用方法等。通過(guò)學(xué)習(xí)這些基礎(chǔ)知識(shí)，你將能夠更好地理解和運(yùn)用JavaScript變量，為你的編程之路鋪平道路。

希望本文能夠幫助你更深入地理解JavaScript變量，讓你在編程的旅程中游刃有余。如果你有任何關(guān)于JavaScript變量的疑問(wèn)，歡迎在評(píng)論區(qū)提出，我將竭誠(chéng)為你解答！

感謝閱讀本文，希望能夠?qū)δ阌兴鶐椭Ｓ浀命c(diǎn)贊、分享！持續(xù)更新中！

天來(lái)說(shuō)一下Javascript的變量。

第一節(jié)里面可以看到這樣的語(yǔ)句：

var a=1;
var b=5;
var c=10;
console.log(c-b+a);

在這個(gè)里面，a、b、c就是變量。

在JavaScript里面定義一個(gè)變量非常簡(jiǎn)單，就是：

var 變量名稱(chēng)=變量值

有的童靴可能會(huì)問(wèn)，為什么需要定義變量呢？

因?yàn)槌绦蚴切枰獙?shí)現(xiàn)一定功能的，而實(shí)現(xiàn)功能就必須使用變量。

譬如你寫(xiě)了一個(gè)程序，來(lái)提示還房貸的日期到了，這個(gè)日期是每月10號(hào)。

那么程序大概是這樣的：

var 提示消息=“還款日期到了，注意卡里面有沒(méi)有錢(qián)”
if(今天日期==10）
{
console.log(提示消息) //輸入提示信息
}

在這個(gè)程序里面，“今天日期”肯定不是一個(gè)固定的值，因?yàn)榭赡軐?duì)于5月10號(hào)來(lái)說(shuō)，它的值是5-10，到了5月20號(hào)，它的值就變了。

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

在JavaScript里面，每一個(gè)變量都是有類(lèi)型的！

JS變量的類(lèi)型主要有下面6種：

1、string--字符串
2、number-數(shù)值
3、boolean-true或者false，真還是假
4、null-空，懸空的值
5、undefined-沒(méi)有定義的值
6、object-對(duì)象

為什么變量會(huì)存在不同的類(lèi)型？

因?yàn)閷?duì)不同類(lèi)型來(lái)講，它對(duì)應(yīng)的不同的東西。

譬如一個(gè)加法操作，不同類(lèi)型對(duì)應(yīng)的操作可能如下：

number：對(duì)應(yīng)顯示中的數(shù)字，銀行存款、車(chē)?yán)锍虜?shù)等等，兩個(gè)number，譬如5和10，相加就是2個(gè)數(shù)字的和，結(jié)果是15
string：字符串（譬如“hello”和“world”），兩個(gè)字符串相加就是把他們連起來(lái)，結(jié)果是“helloworld”
boolean：是對(duì)應(yīng)真假，譬如先進(jìn)行“戰(zhàn)場(chǎng)上那個(gè)人是不是敵人”這個(gè)判定，然后再采取進(jìn)一步的動(dòng)作。如果是就開(kāi)槍?zhuān)绻皇蔷瓦^(guò)去集合
null、undefined判定是否變量是否定義過(guò)了或者當(dāng)前狀態(tài)是懸空狀態(tài)。
object：對(duì)應(yīng)顯示中的物體。你在JS可以一個(gè)car的object，這個(gè)car表示一輛車(chē)，然后這輛車(chē)有型號(hào)、價(jià)格、行駛總里程數(shù)等屬性，還有方法-把你從一個(gè)地方送到另外一個(gè)地方，它的總行駛里程數(shù)會(huì)會(huì)自動(dòng)增加。總之object可以讓你對(duì)應(yīng)現(xiàn)實(shí)中的一個(gè)具體物體，來(lái)進(jìn)行程序操作。

最后還是說(shuō)一下那個(gè)變量輸出的方法:

console.log(變量名）

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

另外呢，在Js里面，“//"表示后面的內(nèi)容都是注釋?zhuān)a運(yùn)行的時(shí)候會(huì)直接省略，但是對(duì)于我們看代碼有幫助。

最后還是來(lái)3個(gè)例子，大家可以去課程1里面提到的在線JS運(yùn)行網(wǎng)站：

http://jsrun.net/new

去實(shí)際運(yùn)行一下。

例子1：

var a=1000; //定義一個(gè)number變量，名稱(chēng)為a，數(shù)值為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; //這是個(gè)boolean變量
if(is_big){
console.log("num1 比num2 大“);
}
num3=9000
var is_little=num1<num3
if(is_little){
console.log("num1小于num3");
}

其它類(lèi)型，以后會(huì)遇到的時(shí)候再說(shuō)。

好了，今天就到這里！

在線咨詢(xún)

上一篇：輸入3個(gè)數(shù)a,b,c，按大小順序輸出，各種編程語(yǔ)言實(shí)現(xiàn)方法
下一篇：推薦8款非常好用的HTML5開(kāi)發(fā)工具

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商