第一節(jié):JavaScript中字面量與變量

一.直接量(字面量)

在學(xué)習(xí)JavaScript變量之前,先認識一下直接量(字面量)

字面量：英語叫做literals，也做直接量￠垢唬看見什么免绿，它就是什么。

咱們先學(xué)習(xí)數(shù)字和字符串的字面量眼虱。剩余的字面量類型勒虾，之后在講

1. 數(shù)字的字面量

數(shù)字的字面量停撞，就是這個數(shù)字自己县踢，并不需要任何的符號來界定這個數(shù)字转绷。

例如:
數(shù)字8 就是數(shù)字8 不比表示其他值,這就是字面量
但是也需要注意, 數(shù)字也有進制問題,

1.1 整數(shù)

JavaScript中，數(shù)字的整數(shù)字面量可以有三種進制：

10進制：普通的數(shù)字就是十進制

8進制：如果以0硼啤、0o议经、0O開頭數(shù)字字面量是八進制，八進制只包括數(shù)字0~7

16進制：如果以0x,0X開頭數(shù)字字面量是十六進制谴返。十六進制整數(shù)可以包含(0-9)和字母 a-f 或 A-F

1.1.1 八進制

<script type="text/javascript">
    //以0開頭煞肾，是八進制；顯示的時候會以十進制顯示
    console.log(017);  //15  //1*8+7=15
    console.log(0o17);   //15
    console.log(0O17);   //15
    console.log(044); //4*8+4=36 嗓袱，顯示36
    console.log(010);    //8
    console.log(0o36);  //30
    console.log(0O36);  //30
</script>

注意籍救，八進制只能出現(xiàn)0~7這8中數(shù)字，如果表示不合法渠抹，那么JS將自動的認為你輸入錯了蝙昙，從而用十進制進行顯示：

console.log(080);  //80 
//以0開頭，按理說是八進制梧却，但是后面的數(shù)字錯了奇颠，所以以十進制顯示

但是以0o開頭、0O開頭的數(shù)字放航，如果后面寫錯了烈拒，控制臺報錯！

// 如果是0o開頭的广鳍，后面的數(shù)字錯了荆几，對不起，不轉(zhuǎn)為10進制了赊时，控制臺報錯吨铸！
console.log(0o88);    //報錯
console.log(0O88);    //報錯
// 控制臺報錯
//Uncaught SyntaxError: Invalid or unexpected token
//語法錯誤

1.1.2 十六進制

// 十六進制：
console.log(0xff);    //255
console.log(0x2b);    //43

如果后面有錯誤的寫法，那么控制臺報錯：

console.log(0x2g);
// 控制臺報錯
//Uncaught SyntaxError: Invalid or unexpected token
//語法錯誤

總結(jié):認識下面字面量為什么進制的數(shù)字字面量

console.log(16);       // 十進制
console.log(020);      // 八進制
console.log(0o20);     // 八進制
console.log(0O20);     // 八進制
console.log(0x10);     // 十六進制
console.log(-0xf);     // 十六進制

1.2 浮點數(shù)(小數(shù)或指數(shù))

小數(shù)的字面量也很簡單蛋叼，就是數(shù)學(xué)上的點焊傅。計算機世界中，小數(shù)稱為“浮點數(shù)”狈涮。

指數(shù)就是:允許使用e來表示乘以10的幾次冪：

console.log(3.1415);    //3.1415
console.log(.35);           //.35 如果整數(shù)位數(shù)是0狐胎，可以不寫
console.log(5e5);           //500000
console.log(5.2e5);     //520000
console.log(1e-4);          //0.0001

注意:
只有十進制有小數(shù)的字面量，八進制歌馍、十六進制沒有小數(shù)的字面量握巢。所以小數(shù)沒有進制之分

那么有個問題,JavaScript里的數(shù)字到底最大能顯示多大的數(shù)字

// 非常大的數(shù)字，無窮大
console.log(3e45645645645646);

// 非常小的數(shù)字松却，負無窮大
console.log(-3e45645645645646);

1.3 特殊字面量

1.3.1 Infinity 無窮大

試圖輸出一個非常大的數(shù)字：

// 非常大的數(shù)字暴浦，無窮大
console.log(3e45645645645646);   //Infinity

至于多大的數(shù)字能生成無窮大溅话，不同瀏覽器不一樣，不要管歌焦。

可以是負的無窮大：

console.log(-5e31415926);   //-Infinity

我們可以直接在控制臺輸出無窮大飞几，注意大小寫：

console.log(Infinity);

1.3.2 NaN

英語全名叫做not a number，不是一個數(shù)独撇。

比較有意思的是屑墨，這個“不是一個數(shù)”他居然是一個數(shù)字字面量。

// 輸出NaN
console.log(0/0);     // NaN

1.4 總結(jié)一下纷铣，

數(shù)字字面量有整數(shù)字面量（十進制卵史、16進制、八進制）搜立，
浮點數(shù)字面量（要記住e）以躯，
特殊字面量:Infinity，NaN

2. 字符串的字面量

字符串是一個術(shù)語啄踊，說白了就是我們?nèi)苏f的話忧设。

2.1 字符串字面量的書寫方式

字符串的字面量有限定符，就是必須用雙引號社痛、單引號包裹起來见转。字符串被限定在同種引號之間；也就是說,必須是成對單引號或成對雙引號蒜哀。

console.log("今天你好帥哦");
//  字符串用雙引號包裹，或者單引號
console.log("今天天氣很好");
console.log('今天天氣很好');

不加引號是錯誤的

//  不能不加引號吏砂，這是錯誤的：
console.log(今天天氣很好);

注意引號必須是同種引號,混用錯誤

console.log('嘻嘻");

如果一個數(shù)字撵儿，用引號引起來，那么就是字符串了：

console.log("兄弟狐血，你中午吃了幾碗飯淀歇？");
console.log("3");

正常情況下，引號內(nèi)部可以有不同種的引號匈织，比如雙引號里面可以有單引號：

// 雙引號中用單引號
console.log("你笑起來像'花兒'一樣好看");
// 單引號中用雙引號
console.log('你笑起來像"花兒"一樣好看');

2.2 特殊字符

在字符串中可以使用一些特殊字符,他們有特定的含義

\n New line 換行符
\t Tab tab縮進

//轉(zhuǎn)義字符
alert("你們\n啊\n怎么可以\n那么可愛呢");

這里\反斜杠就是我們通常所說的轉(zhuǎn)義符號, 可以將沒有意義的字面n轉(zhuǎn)為有意義的換行,
同樣換行符也可以將有意義的符號轉(zhuǎn)為沒有意義的不同字符

在使用字符串中可以使用轉(zhuǎn)義字符浪默，

' 單引號
\” 雙引號
\ 反斜杠

// 使用反斜杠\轉(zhuǎn)義字符 
console.log("你笑起來像\"花兒\"一樣好看");

二.變量

變量（Variables），和高中數(shù)學(xué)中的x缀匕、y纳决、z很像，它們此時不是字母乡小，而是代指一些值的符號阔加。

它和直接量不同，直接量5满钟，就是數(shù)字5胜榔；直接量”你好”就是字符串“你好”胳喷。

現(xiàn)在這個變量不一樣了，你看見一個a夭织，實際上它不是字母a吭露，而是里面蘊含的不同的值。

1. 整體了解

<script type="text/javascript">
    //定義一個變量
    var a;
    //賦值
    a = 200;
    //輸出變量a
    console.log(a);

    // 這個語句將會引發(fā)錯誤尊惰，因為b沒有進行定義
    console.log(b);
</script>

我們使用var關(guān)鍵字來定義變量奴饮，所謂的關(guān)鍵字就是一些有特殊功能的單詞，關(guān)鍵字后面要有空格择浊。

var就是英語variables變量的縮寫戴卜，表示定義一個變量。一旦你

var a;

你的電腦內(nèi)存中琢岩，就會開辟一個空間投剥，命名為a, 等待你給這個變量空間存放一定的值,

一旦變量聲明后,就可以給變量賦值，

JS中給變量賦值用等號担孔，等號右邊的值賦給左邊江锨。

a = 200;

現(xiàn)在a變量的值就是200。所以我們輸出

console.log(a);

控制臺就會輸出a變量的值糕篇，就是200

2. 變量必須先聲明,在使用

使用一個變量啄育，必須先進行一個var，才能使用拌消。var這個過程可以叫做聲明declaration挑豌，也可以叫做定義definition。叫聲明一個變量,或定義一個變量.

如果變量未聲明就直接使用,會怎么樣呢,看下

console.log(n);     //這個c沒有被var過,所有會報錯

因為n沒有被聲明墩崩，所以n現(xiàn)在不是一個變量氓英，系統(tǒng)不認識這個n的。就會拋出引用錯誤鹦筹。

console.log(n);
//Uncaught ReferenceError: n is not defined
//ReferenceError     引用錯誤
//n is not defined   n未定義

3. 變量命名規(guī)則

變量的名字就是標(biāo)識符（identifiers）铝阐，任何標(biāo)識符的命名都需要遵守一定的規(guī)則：

JS中標(biāo)識符的定義規(guī)則,可先理解為變量的規(guī)則,以后我們還會接觸到其他標(biāo)識符

由字母、下劃線（_）铐拐、美元（$）符號徘键、數(shù)字（0-9）組成
不能以數(shù)字開頭

也就是說，一個標(biāo)識符必須由字母遍蟋、下劃線吹害、美元符號開頭，后續(xù)可以有字母匿值、下劃線赠制、美元符號、數(shù)字
嚴格區(qū)分大小寫

所以A和a不是同一個變量
不要使用中文變量名
不能使用關(guān)鍵字和保留字

那么什么是關(guān)鍵字和保留字呢

關(guān)鍵字=>js已經(jīng)賦予特殊功能的單詞
保留字=>js預(yù)訂可能未來要使用的字

關(guān)鍵字:

break、else钟些、new烟号、var、 case政恍、 finally 汪拥、 return、 void 篙耗、 catch 迫筑、for 、switch 宗弯、 while 脯燃、 continue、 function 蒙保、this 辕棚、 with 、default 邓厕、 if 逝嚎、 throw 、 delete 详恼、 in 补君、 try 、do 昧互、 instranceof挽铁、 typeof

保留字:

abstract 、 enum 硅堆、int 屿储、 short 、 boolean 渐逃、export 、interface民褂、 static茄菊、 byte 、extends 赊堪、 long 面殖、 super 、 char 哭廉、 final 脊僚、native 、synchronized 、 class 辽幌、float 增淹、 package 、throws 乌企、 const 虑润、goto 、private 加酵、transient 拳喻、 debugger 、 implements 猪腕、protected 冗澈、 volatile 、 double 陋葡、import 亚亲、public

示例:

// // 以下都是合法的變量名
var a;
var A;
var b333;
var _abc;
var $;
var $o0_0o$;
var ________;
var _;

// 以下都是非法的變量名
var 123a;
var 12_a;
var abc@163;
var abc￥;
var var;
var class;

注意: 關(guān)鍵字,保留字不用可以的去記憶, 在未來學(xué)習(xí)的過程中會接觸到一大部分關(guān)鍵字保留字,

4. 變量的賦值

變量的賦值用等號，等號就是賦值符號脖岛，在JS中等號沒有其他的含義朵栖，等號就表示賦值。

var a;      //定義
a = 200;    //賦初值
console.log(a);

運行結(jié)果:200

4.1 可以將定義和賦初值寫在一起：

var a = 200;  
console.log(a); //200

var a = 100;
var b = 200;
a = b;      //在改變a變量的值柴梆，a的值變?yōu)?00陨溅。b的值不變。
console.log(a);
console.log(b);`

4.2 變量只要var一次就可以了

變量只需要var一次绍在，后面改變變量的值的時候门扇，就不需要var了，可以直接改變它的值偿渡。

var a = 200;
a = 50;   //不需要寫var
console.log(a);      //50

4.3 var后沒有復(fù)制的變量

如果一個變量臼寄，僅僅被var了，但是沒有被賦初值呢溜宽，此時這個變量的值就是undefined;

// 定義不賦初值吉拳，值是undefined
var m;
console.log(m);  //輸出undefined

實際上我們使用var后，就已經(jīng)定義了這個m适揉，只不過這就是瀏覽器的一個規(guī)矩留攒，如果這個變量沒有被賦初值，那么這個變量就視為沒有“定義完成”嫉嘀。值就是undefined炼邀。就是空值的意思

5. 不寫var的情況呢

// 不寫var的時候?qū)嶋H上現(xiàn)在看不出來區(qū)別，今后就知道是一個全局變量
abc = 123;
console.log(abc);      //123

定義abc的時候沒有寫var剪侮，程序沒有報錯拭宁，說明這個abc變量真的已經(jīng)被定義成功了。現(xiàn)在你看不出來var和不var的區(qū)別，感覺都是成功的杰标，但是日后你就會知道,不寫其實var定義了一個全局變量兵怯，作用域是不能控制的。

知道就行,自己千萬不要這么干

6. 同時定義多個變量

定義多個變量時,中間用逗號隔開

var a = 7 , b = 9 , c = 10;
console.log(a);
console.log(b);
console.log(c);

7. 變量聲明的提升

這是js特有的一個特點在旱，其他語言都沒有這個特點摇零。

我們現(xiàn)在先去改變變量的值，然后定義變量桶蝎，

由于JS有一個機制驻仅，叫做變量聲明的提升，所以現(xiàn)在程序在執(zhí)行前會已經(jīng)看見這個程序中有一行定義變量登渣，所以就會提升到程序開頭去運行噪服。

a = 200;
var a;  //這行定義變量會自動提升到所有語句之前
console.log(a);        //200

記住，js只能提升變量的聲明胜茧，而不能提升變量的賦初值

 //提升只能提升變量聲明粘优，而不能提升賦初值。輸出undefined
console.log(a);
var a = 200;

等價于

var a;               //自動升級
console.log(a);      // undefined
a = 200;           //賦初值還留在原地

變量的傳遞

var a = 1;
var b = 2;
var c = 3;
a = b;  //這里改變a的值呻顽，a的值變?yōu)?雹顺，b的值不變?nèi)允?
b = c;  //這里改變b的值，b的值變?yōu)?廊遍，c的值不變?nèi)允?
c = a;  //這里改變c的值嬉愧，c的值變?yōu)?，a的值不變?nèi)允?
console.log(a); //2
console.log(b); //3
console.log(c); //2

8. 區(qū)分變量還是直接量

變量的時候喉前，不能加引號没酣。如果變量加上引號，就變成字符串的直接量了卵迂。

var a = 200;
console.log("a");     //a

var a = "大家好";
console.log(a);

引號是“字符串”的定界符裕便，所以在雙引號里面的a已經(jīng)失去了變量的意思，就是一個字符串a(chǎn)见咒。