小白學js第二天
阿新 • • 發佈：2019-05-08
一個 跳轉 com var javascrip 單詞 做到 兩種 num
目錄
- 什麽是變量
- 變量的使用
- 變量的命名規則和規範
- 案例（兩種交換變量的值的方法）
今天主要學習的是一些關於變量的最基本的知識
[今日腦圖， 請戳?：http://naotu.baidu.com/file/41de37d0372a049e71f48323cfc1de00?token=58b58652e1cb2198]
1 什麽是變量
1.1 什麽是變量
變量是計算機中存儲數據的標識符， 根據變量名可以獲取存儲在內存中的數據
1.2 為什麽要使用變量
使變量可以更方便的對計算機內存中的數據進行獲取和修改
2 變量的使用
2.1 javascript的書寫位置（復習，具體見上篇blog）
- 行內
- 內嵌
- 外鏈
2.2 註釋
2.2.1 html中的註釋
<--！html的註釋-->
<body>
<!-- html中的註釋 -->
</body>2.2.1 javascript中的註釋
// js的註釋
<script>
//js 的註釋
</script>2.3 變量的聲明、賦值及輸出
2.3.1 聲明一個變量
var 變量名；
//聲明一個變量
var num1;2.3.2 給已聲明的變量賦值
變量名（已聲明）= 值；
//聲明一個變量 var num1; //給聲明過的變量賦值 num1 = 1;
2.3.3 聲明變量的同時給變量賦值
var 變量名 = 值；
//聲明的同時賦值
var num1 = 1;2.3.1 + 2.3.2 = 2.3.3
2.3.4 聲明多個變量
2.3.4.1 變量一個一個聲明
var 變量名1；var 變量名2；var 變量名3；...
// 聲明多個變量
// 一個個分開聲明
var num1;
var num2;
var num3;2.3.4.2 同時聲明多個變量
var 變量名1， 變量名2， 變量名3；...
// 同時聲明多個變量 var num1, num2, num3;
2.3.5 聲明多個變量並且同時給它賦值
var 變量名1= 值1，變量名2= 值2，變量名3= 值3, ...；
// 同時聲明多個變量並且給它們賦值
var num1 = 1, num2 = 2, num3 = 3;2.3.6 輸出變量的值
2.3.6.1 alert
- alert（變量名）；
- 在在網頁頂部彈出
var num1;
//給聲明過的變量賦值
num1 = 1;
//輸出變量num1的值
alert(num1);2.3.6.2 console.log（推薦使用）
- console.log（變量名）；
- 在控制臺輸出（跳轉到瀏覽器的頁面後，按F12，找到console）
//聲明一個變量
var num1;
//給聲明過的變量賦值
num1 = 1;
//輸出變量num1的值
console.log(num1);2.3.7 輸出多個變量
2.3.7.1 一個一個輸出
console.log(變量名1)； console.log(變量名2)； console.log(變量名3)；
// 同時聲明多個變量並且給它們賦值
var num1 = 1, num2 = 2, num3 = 3;
//一個個分開輸出
console.log(num1);
console.log(num2);
console.log(num3);2.3.7.1 同時輸出
console.log(變量名1， 變量名2， 變量名3， .....)；
// 同時聲明多個變量並且給它們賦值
var num1 = 1, num2 = 2, num3 = 3;
//同時輸出
console.log(num1, num2, num3);3 變量的命名規則和規範
3.1 規則
必須準守，不遵守否則會報錯
- 由數字、字母、下劃線（_）和$組成，且不能以數字開頭
- 不能是關鍵字或者保留字， 例如 while、for、var等
- 區分大小寫，例如：username 和 userName是完全不一樣的兩個變量
3.2 規範
推薦準守，不遵守也不會報錯
- 變量名最好起的有意義（最好做到見名知意），如 聲明一個年齡變量時，使用age做變量名
- 使用駝峰命名法。第一個單詞的的首字母小寫，接下來的每個單詞的首字母都大寫，例如 userName，userPassword
4 案例
4.1 交換兩個變量的值
4.1.1 使用臨時變量的方法
// 使用臨時變量交換兩個變量的值
var num1 = 1; //聲明一個變量 num1 並賦值為1
var num2 = 2; //聲明一個變量 num2 並賦值為2
var tmpt; //聲明一個臨時變量為tmpt
tmpt = num1; //把num1的值賦給tmpt，這時 tmpt = 1；
num1 = num2; //把num2的值賦給num1，這時 num1 = 2；
num2 = tmpt; //把tmpt的值賦給num2，這時 num2 = 1；
console.log(num1, num2);4.2.2 不使用臨時變量的方法
// 不使用臨時變量交換兩個變量的值
var num1 = 1; //聲明一個變量 num1 並賦值為1
var num2 = 2; //聲明一個變量 num2 並賦值為2
num1 = num1 + num2; //num1 = 1 + 2 ,所以這時 num1 = 3；
num2 = num1 - num2; //由上行代碼可知，此時num1的值為3，所以num2 = 3 - 2 ,所以這時 num2 = 1；
num1 = num1 - num2; //由上行代碼可知，此時num1的值不變還是3 且num2的值變為1，所以num1 = 3 - 1 ,所以這時 num1 = 2；
console.log(num1, num2);//輸出結果
//使用這種方法的原因是數值可計算Bye for now. ?
小白學js第二天