變量（重點）

什么是變量

• 語法： var 變量名 = 值

• 白話：變量就是一個裝東西的盒子。

  通俗：變量是用于存放數據的容器。 我們通過 變量名 獲取數據，甚至數據可以修改。

  變量在內存中的存儲

  本質：變量是程序在內存中申請的一塊用來存放數據的空間。類似我們酒店的房間，一個房間就可以看做是一個變量。 變量是計算機內存中存儲數據的標識符，根據變量名稱可以獲取到內存中存儲的數據也就是說，我們向內存中存儲了一個數據，然后要給這個數據起一個名字，為了是我們以后再次找到他

定義變量及賦值

// 定義一個變量 var num; ? // 給一個變量賦值 num = 100; ? // 定義一個變量的同時給其賦值 var num2 = 200;

• 注意：

• 一個變量名只能存儲一個值

• 當再次給一個變量賦值的時候，前面一次的值就沒有了

• 變量名稱區分大小寫（JS 嚴格區分大小寫）

變量的使用

• 變量的聲明

• 變量的賦值

聲明變量

// 聲明變量 ? var age; // 聲明一個 名稱為age 的變量 ? ?

• var 是一個 JS關鍵字，用來聲明變量( variable 變量的意思 )。使用該關鍵字聲明變量后，計算機會自動為變量分配內存空間，不需要程序員管

• age 是程序員定義的變量名，我們要通過變量名來訪問內存中分配的空間

賦值

age = 10; // 給 age 這個變量賦值為 10 ? ? ? ? ?

• = 用來把右邊的值賦給左邊的變量空間中 此處代表賦值的意思

• 變量值是程序員保存到變量空間里的值

變量的初始化

var age = 18; // 聲明變量同時賦值為 18 // 聲明一個變量并賦值， 我們稱之為變量的初始化。

變量語法擴展

• 更新變量

  一個變量被重新復賦值后，它原有的值就會被覆蓋，變量值將以最后一次賦的值為準。

  var age = 66; ? age = 666; ? // 最后的結果就是666因為66 被覆蓋 ? ? ? ? ?

• 同時聲明多個變量

  同時聲明多個變量時，只需要寫一個 var， 多個變量名之間使用英文逗號隔開。

  var age = 10, name = '千鋒濟南', sex = 2; ? ? ?

• 聲明變量特殊情況

  情況說明結果

  var age ; console.log (age);	只聲明 不賦值	undefined
  console.log(age)	不聲明 不賦值 直接使用	報錯
  age = 10; console.log (age);	不聲明 只賦值	10

擴展: 交換變量的值

方法一

? var v1 = 1;var v2 = 2;var temp = v1;v1 = v2v2 = temp

---

方法二

var num1 = 10; var num2 = 20; ? //把num1的變量中的值和num2變量中的值,取出來相加,重新賦值給num1這個變量 num1 = num1 + num2;//30 ? //num1變量的值和num2變量的值取出來,相減的結果重新賦值給num2 num2 = num1 - num2;//10 ? //num1變量的值和num2變量的值取出來,相減的結果重新賦值給num1 num1 = num1 - num2;//20 ? console.log(num1, num2);

方法三

? var num1 = 10;var num2 = 20;num1 = num1 ^ num2;num2 = num1 ^ num2;num1 = num1 ^ num2;console.log(num1, num2);// 位運算 按位異或 了解

###

變量的命名規則和命名規范

• 規則： 必須遵守的，不遵守就是錯

• 一個變量名稱可以由 數字、字母(a-zA-Z)、英文下劃線（_）、美元符號（$） 組成,如：userrAge, num01, _name

• 嚴格區分大小寫 var qf; 和 var Qf;

• 不能由數字開頭 18age 是錯誤的

• 不能是 保留字 或者 關鍵字 編輯器中高亮的部分

• 不要出現空格

• 規范： 建議遵守的（開發者默認），不遵守不會報錯

• 變量名盡量有意義（語義化） nl → age

• 遵循駝峰命名規則，由多個單詞組成的時候

  大駝峰 UserName 小駝峰 userNameKangbazi

• 不要使用中文

關鍵字和保留字

標識符

標識(zhi)符：就是指開發人員為變量、屬性、函數、參數取的名字。 ? 標識符不能是關鍵字或保留字。

關鍵字

關鍵字：是指 JS本身已經使用了的字，不能再用它們充當變量名、方法名。 ? 包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

保留字

保留字：實際上就是預留的“關鍵字”，意思是現在雖然還不是關鍵字，但是未來可能會成為關鍵字，同樣不能使用它們當變量名或方法名。 ? 包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。

數據類型（重點）

數據類型簡介

• 為什么需要數據類型

  ? 在計算機中，不同的數據所需占用的存儲空間是不同的，為了便于把數據分成所需內存大小不同的數據，充分利用存儲空間，于是定義了不同的數據類型。js是一個工具,為了解決生活中各種各樣的需求,需要不同的數據類型 姓名 年齡 薪資等 簡單來說，數據類型就是數據的類別型號。

• 變量的數據類型

  ? 變量是用來存儲值的所在處，它們有名字和數據類型。變量的數據類型決定了如何將代表這些值的位存儲到計算機的內存中。JavaScript 是一種弱類型或者說動態語言。這意味著不用提前聲明變量的類型，在程序運行過程中，類型會被自動確定： var age = 10; ? ? ? // 這是一個數字型 var areYouOk = '是的'; ? // 這是一個字符串 ? ?

  在代碼運行時，變量的數據類型是由 JS引擎 根據 = 右邊變量值的數據類型來判斷 的，運行完畢之后， 變量就確定了數據類型。JavaScript 擁有動態類型，同時也意味著相同的變量可用作不同的類型：

  var x = 6; ? ? ? ? ? // x 為數字 var x = "Bill"; ? ? // x 為字符串 ? ?

• 數據類型的分類

  JS 把數據類型分為兩類：

  • 基本數據類型 （Number,String,Boolean,Undefined,Null） 也可以叫簡單

  • 復雜數據類型 （object)

• 是指我們存儲在內存中的數據的類型

• 我們通常分為兩大類 基本數據類型 和 復雜數據類型

基本數據類型

數值類型（number）

• 一切數字都是數值類型（包括二進制，十進制，十六進制等）

• NaN（not a number），一個非數字

字符串類型（string）

• 被引號包裹的所有內容（可以是單引號也可以是雙引號）

布爾類型（boolean）

• 只有兩個（true 或者 false）

null類型（null）

• 只有一個，就是 null，表示空的意思

undefined類型（undefined）

• 只有一個，就是 undefined，表示沒有值的意思

• 字面量

  字面量是在源代碼中一個固定值的表示法，通俗來說，就是字面量表示如何表達這個值。

  • 數字字面量：8, 9, 10

  • 字符串字面量：'千鋒濟南', "大前端"

  • 布爾字面量：true，false

• 數字型 Number

  JavaScript 數字類型既可以保存整數，也可以保存小數(浮點數）。

  var age = 21; ? ? ? // 整數 var Age = 21.3747; // 小數 ? ?

• 數字型進制

  最常見的進制有二進制、八進制、十進制、十六進制。

  // 1.八進制數字序列范圍：0~7var num1 = 07; ? // 對應十進制的7var num2 = 019; // 對應十進制的19var num3 = 08; ? // 對應十進制的8// 2.十六進制數字序列范圍：0~9以及A~Fvar num = 0xA; ?

  現階段我們只需要記住，在JS中八進制前面加0，十六進制前面加 0x

• 數字型范圍

  JavaScript中數值的最大和最小值

  • 最大值：Number.MAX_VALUE，這個值為： 1.7976931348623157e+308

  • 最小值：Number.MIN_VALUE，這個值為：5e-32

數字型三個特殊值

• Infinity ，代表無窮大，大于任何數值

• -Infinity ，代表無窮小，小于任何數值

• NaN ，Not a number，代表一個非數值

isNaN

用來判斷一個變量是否為非數字的類型，返回 true 或者 false

var usrAge = 21; var isOk = isNaN(userAge); console.log(isNum); ? ? ? ? // false ，21 不是一個非數字 var usrName = "andy"; console.log(isNaN(userName));// true ，"andy"是一個非數字

• 字符串型 String

  字符串型可以是引號中的任意文本，其語法為 雙引號 "" 和 單引號''

  var strMsg = "我愛北京天安門~"; // 使用雙引號表示字符串 var strMsg2 = '我愛吃豬蹄~'; ? // 使用單引號表示字符串 // 常見錯誤 var strMsg3 = 我愛大肘子; ? ? ? // 報錯，沒使用引號，會被認為是js代碼，但js沒有這些語法

  因為 HTML 標簽里面的屬性使用的是雙引號，JS 這里我們更推薦使用單引號。

• 字符串引號嵌套

  JS 可以用單引號嵌套雙引號 ，或者用雙引號嵌套單引號 (外雙內單，外單內雙)

  var strMsg = '我是"高帥富"程序猿'; ? // 可以用''包含"" var strMsg2 = "我是'高帥富'程序猿"; // 也可以用"" 包含'' // 常見錯誤 var badQuotes = 'What on earth?"; // 報錯，不能 單雙引號搭配

• 字符串轉義符

  類似HTML里面的特殊字符，字符串中也有特殊字符，我們稱之為轉義符。

  轉義符都是 \ 開頭的，常用的轉義符及其說明如下：

  轉義符解釋說明

  \n	換行符，n 是 newline 的意思
  \ \	斜杠 \
  '	' 單引號
  "	”雙引號
  \t	tab 縮進
  \b	空格 ，b 是 blank 的意思

• 字符串長度

  ? 字符串是由若干字符組成的，這些字符的數量就是字符串的長度。通過字符串的 length 屬性可以獲取整個字符串的長度。 var strMsg = "我是來自北方的狼，來南方尋找心愛的花姑娘！"; alert(strMsg.length); // 顯示 21

• 字符串拼接

  • 多個字符串之間可以使用 + 進行拼接，其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串

  • 拼接前會把與字符串相加的任何類型轉成字符串，再拼接成一個新的字符串

    //1.1 字符串 "相加" alert('hello' + ' ' + 'world'); // hello world //1.2 數值字符串 "相加" alert('100' + '100'); // 100100 //1.3 數值字符串 + 數值 alert('11' + 12); ? ? // 1112

    • + 號總結口訣：數值相加 ，字符相連

• 字符串拼接加強

  console.log('杰哥' + 18); ? ? ? // 只要有字符就會相連 var age = 18; console.log('杰哥age歲啦'); ? ? // 這樣不行哦 console.log('杰哥' + age); ? ? ? ? // pink老師18 console.log('杰哥' + age + '歲啦'); // pink老師18歲啦

  • 經常會將字符串和變量來拼接，變量可以很方便地修改里面的值

  • 變量是不能添加引號的，因為加引號的變量會變成字符串

  • 如果變量兩側都有字符串拼接，口訣“引引加加 ”，刪掉數字，變量寫加中間

• 布爾型Boolean

  布爾類型有兩個值：true 和 false ，其中 true 表示真（對），而 false 表示假（錯）。

  布爾型和數字型相加的時候， true 的值為 1 ，false 的值為 0。

  console.log(true + 1); // 2 console.log(false + 1); // 1

• Undefined和 Null

  一個聲明后沒有被賦值的變量會有一個默認值undefined ( 如果進行相連或者相加時，注意結果）

  var variable; console.log(variable); ? ? ? ? ? // undefined console.log('你好' + variable); // 你好undefined console.log(11 + variable); ? ? // NaN console.log(true + variable); ? // NaN

  一個聲明變量給 null 值，里面存的值為空（學習對象時，我們繼續研究null)

  var vari = null; console.log('你好' + vari); // 你好null console.log(11 + vari); ? ? // 11 console.log(true + vari); ? // 1

總結

以上是生活随笔為你收集整理的day02的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。