一、基礎(chǔ)語法

1、區(qū)分大小寫：無論是變量、函數(shù)名還是操作符，都區(qū)分大小寫。

2、標(biāo)識符：就是變量、函數(shù)、屬性或函數(shù)參數(shù)的名稱。標(biāo)識符可以由一個或多個字符構(gòu)成，但需要滿足以下條件：

第一個字符必須是一個字母、下劃線（_）或美元符號（$）;

剩下的其他字符可以是字母、下劃線、美元符號或數(shù)字。

命名規(guī)范——駝峰大小形式：即第一個單詞的首字母小寫，后面每個單詞的首字母大寫。

注意事項(xiàng)：關(guān)鍵字、保留字、true、false、null不能作為表示符。

3、注釋：和C語言一樣

4、嚴(yán)格模式：嚴(yán)格模式是一種不同的javascript解析和執(zhí)行模型，一些不規(guī)范寫法在這種模式下會被處理，對于不安全的活動將拋出錯誤。要對整個腳本啟用嚴(yán)格模式，在腳本開頭加上這一行：

"use strict"

5、語句：腳本中語句以分好結(jié)尾，省略分號意味著由解析器確定語句在哪里結(jié)尾。即使語句末尾分好不是必需的，也應(yīng)該加上。

多條語句可以合并到一個C語言風(fēng)格的代碼塊中，代碼塊由一個左花括號"{"表示開始，一個右花括號“}"標(biāo)識結(jié)束。

例如：

if (test){

test=false;

console.log(test);

}

二、關(guān)鍵字與保留字

javascript中規(guī)定了一組保留的關(guān)鍵字，這些關(guān)鍵字有特殊用途，比如表示控制語句的開始和結(jié)束，或者執(zhí)行特定的操作。按照規(guī)定，保留的關(guān)鍵字不能用作標(biāo)識符或?qū)傩悦?/p>

三、變量

javascript變量可以用于保存任何類型的數(shù)據(jù)。每個變量只不過是一個用于保存任意值命令的占位符。有3個關(guān)鍵字可以聲明變量：var、const和let。其中，var在javascript所有版本中都可以使用，但是const和let只能在javascript6及更晚版本中使用。

1、var關(guān)鍵字

要定義變量，可以使用var操作符（注意var是一個關(guān)鍵字），后跟變量名（即標(biāo)識符）：

var message；

這行代碼定義了一個名為message的變量，可以用它保存任何類型的值。（不初始化的情況下，變量會保存一個特殊值undefined）。同時我們可以在變量定義的時候就進(jìn)行初始化：

var message="xincun"

這里，message被定義為一個保存字符值xincun的變量。像這樣初始化變量不會將它標(biāo)識為字符串類型，只是一個簡單的賦值而已。隨后，不僅可以改變保存的值，也可以改變值的類型；

注意事項(xiàng)：同一個變量雖然可以賦值成不同類型的數(shù)據(jù)，但是不推薦這樣做。

2、var聲明作用域

使用var操作符定義的變量會成為包含它的函數(shù)的局部變量。比如，使用var在一個函數(shù)內(nèi)部定義一個變量，就意味著該變量將在函數(shù)退出時被銷毀。

如：

function test() {

var message="xincun" ;//局部變量

}

test（）；

console.log(message); //出錯（因?yàn)槭窃诤瘮?shù)中定義的局部變量，在函數(shù)外未定義所以報錯）

在函數(shù)定義變量時省略var操作符，可以創(chuàng)建一個全局變量：

function test() {

message="xincun";

}

test();

console.log(message); //“xincun”(去掉var操作符后，message就變成了全局變量)

注意事項(xiàng)：

在同一個腳本中不建議通過省略var定義全局變量，在局部作用域中定義的全局變量很難維護(hù)，也會造成困惑。在嚴(yán)格模式下（use strict）未聲明變量賦值，則會導(dǎo)致拋出RerenceError。定義多個同一類型的變量類型變量，使用逗號隔開。

3、var聲明提升

在javascript中使用var關(guān)鍵字聲明的變量會自動提升到函數(shù)作用域頂部，即所有變量聲明都拉到函數(shù)作用域的頂部，此外，重復(fù)的對同一個變量進(jìn)行聲明是沒有問題的（就更新變量值）。

function age() {

console.log(age);

var age=20;

var age=22;

}

foo(); //undefined (之所以不會報錯，是因?yàn)閖avascript運(yùn)行時把它等價為如下代碼：)

function foo() {

var age;

console.log(age);

age=89;

}

foo();

letl聲明變量，聲明的范圍是塊作用域(比如：if語句的作用范圍就是塊作用域），而var聲明的變量范圍是函數(shù)作用域。

const的行為與let基本相同，唯一一個重要的區(qū)別是用它聲明變量時必須同時初始化變量，并且嘗試修改const聲明的變量會導(dǎo)致運(yùn)行時錯誤。

四、數(shù)據(jù)類型

javascript有6種簡單數(shù)據(jù)類型：undefined,null,boolean,number,string,symbol。

1、typeof操作符

typeof操作用來確定任意變量類型。

“undefined”:表示值未定義；

“boolean”：表示值為布爾值；

“string”：表示值為字符串；

“number”：表示值為數(shù)值；

“object”：表示值為對象（而不是函數(shù)）或null；

“function”表示值為函數(shù)；

“symbol”表示值為符號。

2、undefined類型

undefined類型只有一個值，就是特殊值undefined。當(dāng)使用var或let聲明了變量但是沒有初始化時，就相當(dāng)于給變量賦予了undefined值；

總結(jié)：一個變量聲明了，但是沒有初始化，或者一個沒有聲明的變量，調(diào)用typeof操作符，都會返回結(jié)果為“undefined”

3、NULL類型

NUll類型同樣只有一個值，即特殊值null。邏輯上講，null值表示一個空對象指針，這也是給typeof傳一個null會返回“object”的原因。

在定義將來要保存對象值的變量時，建議使用null來初始化，不要使用其他值。這樣只要檢查這個變量是不是null就可以知道這個變量是否在后來被重新賦予了一個對象的引用。

4、Boolean類型

boolean類型是javascript中使用最頻繁的類型之一，有兩個字面值：true和false。這兩個布爾值不同于數(shù)據(jù)，因此true不等于1，false不等于0。

注意：

布爾值字面量true和false是區(qū)分大小寫的，因此True和False（及其他大小混寫形式）是有效的標(biāo)識符，但不是布爾值。

Boolean()轉(zhuǎn)型函數(shù)可以在任意類型的數(shù)據(jù)上調(diào)用，而且始終返回一個布爾值。（這個就是強(qiáng)制類型轉(zhuǎn)換，與python中bool函數(shù)功能相似）

5、Number類型

Number類型在javascript中表示整數(shù)和浮點(diǎn)數(shù)（某些語言中也叫雙精度值）。不同的數(shù)值類型相應(yīng)地有不同的數(shù)值字面量格式。這種方法中

6、NaN

有一個特殊的設(shè)置叫NaN，意思是“不是數(shù)值”（not a number），用來表示本來要返回數(shù)值的操作失敗了（而不是拋出錯誤）。NaN有幾個獨(dú)特的屬性。首先，任何設(shè)計NaN的操作系統(tǒng)返回NaN，在連續(xù)多步計算時這可能是個問題。其次NaN不等于包括NaN在內(nèi)的任何值。

javascript中提供了isNaN（）函數(shù)。該函數(shù)接受一個參數(shù)，可以是任意數(shù)據(jù)類型，然后判斷這個參數(shù)是否“不是數(shù)值”。

7、數(shù)值轉(zhuǎn)換

有3個函數(shù)可以將非數(shù)值轉(zhuǎn)換為數(shù)值：Number(),parseInt()和parseFloat()。Number()是轉(zhuǎn)型函數(shù)，可用于任何數(shù)據(jù)類型。后兩個函數(shù)主要用于將字符串轉(zhuǎn)換為數(shù)值。

Number()函數(shù)基于如下規(guī)則執(zhí)行轉(zhuǎn)換：

布爾值，true轉(zhuǎn)換為1，false轉(zhuǎn)換為0；

數(shù)值，直接返回；

null，返回0；

字符串，應(yīng)用以下規(guī)則：

如果字符串包含數(shù)值字符，包括數(shù)值字符前面帶加、減號的情況，則轉(zhuǎn)換為一個十進(jìn)制數(shù)值。

如果字符串包含有效的浮點(diǎn)值格式“1.1”，則會轉(zhuǎn)換為相應(yīng)的浮點(diǎn)值。

如果字符串中包含有效的十六進(jìn)制格式如:"oxf"，則會轉(zhuǎn)換為與該十進(jìn)制值對應(yīng)的十進(jìn)制整數(shù)值。

如果字符串是空字符串（不包含字符），則返回0；

如果字符串包含上述請款之外的其他字符，則返回Nan。

對象：調(diào)用valueof()方法，并安裝上述規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換結(jié)果是NaN，則調(diào)用toString（）方法，再按照轉(zhuǎn)換字符串的規(guī)則轉(zhuǎn)換。

因?yàn)槭褂肗umber()函數(shù)轉(zhuǎn)換字符串相對復(fù)雜且有反常規(guī)，通常在需要得到整數(shù)時，可以優(yōu)先使用parseInt()函數(shù)。該函數(shù)更專注于字符串是否包含數(shù)值模式。 parseInt()函數(shù)也接收第二個參數(shù)，用于指定底數(shù)（進(jìn)制數(shù)）。如：傳入的第二參數(shù)為16，表示對要解析的值是十六進(jìn)制。這是傳入需要解析的數(shù)據(jù)，可以省略0x。這個函數(shù)的輸出還是會以十進(jìn)制的形式的輸出轉(zhuǎn)換后的數(shù)據(jù)。

注意事項(xiàng)：

當(dāng)不傳底數(shù)參數(shù)時，parseInt()函數(shù)自己決定如何解析，所以為避免解析出錯，建議始終傳給它第二參數(shù)。大多數(shù)情況下解析的數(shù)據(jù)都是十進(jìn)制數(shù)，此時第二個參數(shù)就要傳入10。

parseFloat（）函數(shù)的工作方式跟pareInt()函數(shù)類似，都是從位置0開始檢測每個字符。同樣，它也是解析到字符串末尾或者解析到一個無效的浮點(diǎn)數(shù)值字符為止。這意味著第一次出現(xiàn)的小數(shù)點(diǎn)是有效的，但第二次出現(xiàn)的小數(shù)點(diǎn)就無效了，此時字符串的剩余字符都會被忽略。如“2.3.6” 會被轉(zhuǎn)換為2.3。

parseFloat（）函數(shù)始終忽略字符串開頭的零，且該函數(shù)只解析十進(jìn)制值，因此不能指定底數(shù)。

8、String類型

string（字符串)數(shù)據(jù)類型表示零或多個16位Unicode字符序列。字符串可以使用雙引號（“）、單引號（‘）或反引號（·）標(biāo)識。這三種方式定義字符串的標(biāo)果是一樣的。

字符串的長度可以通過其length屬性獲取。

如：

len name="yuanyexiaolu";

console.log(name.length); //12 標(biāo)識當(dāng)前字符串含有12個字符

字符串特點(diǎn)：

javascript中的字符串是不可變的，意思是一旦創(chuàng)建，它們的值就不能變了。要修改某個變量中的字符串值，必須要先銷毀原始的字符串，然后將包含新值的另一個字符串保存到該變量。

轉(zhuǎn)換為字符串

有兩種方式把一個值轉(zhuǎn)換為字符串。首先是使用幾乎所有值都有的toString()方法。這個方法唯一的用途就是返回當(dāng)前值的字符串等價物。toString()方法可見于數(shù)值、布爾值、對象和字符串值。null和undefined值沒有toString()方法。toString()函數(shù)可以接收一個底數(shù)參數(shù)，即以什么底數(shù)來輸出數(shù)值的字符串表示。默認(rèn)情況下，toSting()返回數(shù)值的十進(jìn)制字符串表示。而通過傳入?yún)?shù)，可以得到數(shù)值的二進(jìn)制、八進(jìn)制、十六進(jìn)制，或者其他任何有效基數(shù)的字符串表示。

如：

len num=10;

console.log(num.toString()); //"10"

console.log(num.toString(2)): //"1010"

當(dāng)你不確定一個值是不是null或undefined，可以使用string（）轉(zhuǎn)型函數(shù)，它始終會返回表示相應(yīng)類型值的字符串。String()函數(shù)遵循如下規(guī)則：

如果值有toString()方法，則調(diào)用該方式（不傳遞參數(shù)）并返回結(jié)果。

如果值是null，返回"null" 如果值是Undefined，返回“undefined”。

注意：

用加號操作符給一個值加上一個空字符串“”也可以將其轉(zhuǎn)換為字符串

字面量模板

javaScript中新增了使用模版字面量定義字符串的能力，模版字面量保留換行字符，可以跨行定義字符串。

顧名思義，模版字面量在定義模版時特別有用。（由于模板字面量會保持反引號內(nèi)部的空格，因此在使用時要格外注意。格式正確的模版看起來可能會縮進(jìn)不當(dāng)）。模版字面量使用反引號定義。

字符串插值

模板字面量最常用的一個特性就是支持字符串插值，也就是可以在一個連續(xù)定義中插入一個或多個值。技術(shù)上講，模板字面量不是字符串，而是一種特殊的javaScript句法表達(dá)式，只不過求值后得到的是字符串。模板字面量在定義時立即求值并轉(zhuǎn)換為字符串實(shí)例，任何插入的變量也會從他們最接近的作用域中取值。

字符串插值通過${}中使用一個javaScript表達(dá)式實(shí)現(xiàn)：

let value=5;

let exponent='second';

//以前，字符插值是這樣實(shí)現(xiàn)的

let interpolatedString=value + " to the " + exponent + " power is "+ (value*value);

//現(xiàn)在，可以用模板字面量這樣實(shí)現(xiàn)：

let interpolatedTemplateLiteral=${ value } to the ${exponent} power is ${value*value};

console.log(interpolatedString); //5 to the second power is 25

console.log(interpolatedTemplateLiteral) //5 to the second power is 25

所有插入的值都會使用toString()強(qiáng)制轉(zhuǎn)換為字符串，而且任何javaScript表達(dá)式都可以用于插值。

嵌套的模板字符串無需轉(zhuǎn)義：

console.log(hello, ${world}!); //hello, world

將表達(dá)式轉(zhuǎn)換為字符串時會調(diào)用toString(),在插值表達(dá)式中可以調(diào)用函數(shù)和方法。此外，模塊也可以插入自己之前的值。

模板字面量標(biāo)簽函數(shù)

模板字面量也支持定義標(biāo)簽函數(shù)（tag function），而通過標(biāo)簽函數(shù)可以自定義插值行為。標(biāo)簽函數(shù)會接收被插值記號分隔后的模版和對每個表達(dá)式的結(jié)果。

標(biāo)簽函數(shù)本身是一個常規(guī)函數(shù)，通過前綴到模板字面量來應(yīng)用自定義行為。標(biāo)簽函數(shù)接受到的參數(shù)依次是原始字符串?dāng)?shù)組和對每個表達(dá)式求值的結(jié)果。這個函數(shù)返回值是對模板字面量求值得到的字符串。

let a=6;

let b=9;

function simpleTag(strings,...expressions) {

console.log(strings);

for (const expression of expressions) {

console.log(expression);

}

return 'foobar'

}

let taggedResult =simpleTag ${a} +$ =${a+b}

console.log(taggedResult);

輸出結(jié)果：

[ '', ' +', ' =', '' ]

6

9

15

foobar

原始字符串

使用模板字面量也可以直接獲取原始的模板字面量內(nèi)容（如換行符或unicode字符），而不是被轉(zhuǎn)換后的字符表示。因此，可以使用默認(rèn)的String.raw標(biāo)簽函數(shù)。

console.log(\u00A9) //?

console.log(String.raw\uA009); \\uA009

9、Symbol類型

Symbol（符號）是javascript中新增的數(shù)據(jù)類型。符號是原始值，且符號實(shí)例是唯一、不變的。符號的用途是確保對象屬性使用唯一標(biāo)識符，不會發(fā)生屬性沖突的危險。符號就是用來創(chuàng)建唯一記號，進(jìn)而用作非字符串形式的對象屬性。

符號的基本用法

符號需要使用Symbol（）函數(shù)初始化。因?yàn)榉柋旧硎窃碱愋?#xff0c;所以typeof操作符符號返回symbol。

如：

let sym=Symbol();

console.log(typeof sym); //symbol

10.object類型

javascript中的對象其實(shí)就是一組數(shù)據(jù)和功能的集合。對象通過new操作符后跟對象類型的名稱來創(chuàng)建。開發(fā)著可以通過object類型的實(shí)例來創(chuàng)建自己的對象，然后再給對象添加屬性和方法。

如：

let person=net Object();

五、操作符

可用于操作數(shù)據(jù)值的操作符叫做操作符。

遞增/遞減操作符：前綴版（++i）和后綴版（i++）；

這兩者的區(qū)別是：++i是先將i的值加一然后再繼續(xù)運(yùn)算，i++是先將i的值用于運(yùn)算，運(yùn)算結(jié)束后再進(jìn)行加一。

一元加和減：加號（+）和減號（-）

位操作符：非（~）、與（&）、或（|）、異或（^）,左移（<<）,右移（>>）,無符號右移（>>>）

布爾操作符：邏輯非（！） 、邏輯與（&&）、邏輯或（||）

乘性操作符：乘法（*）、除法（/）和取模(%)。

指數(shù)操作符：指數(shù)（Math.pow） 或者 **

關(guān)系操作符：小于（<）、大于（>）、小于等于（<=）和大于等于（>=）

相等操作符：判斷兩個變量是是否相等是編程中最重要的操作之一。在javascript中提供了兩組操作符。

第一組是等于和不等于，他們在比較之前執(zhí)行轉(zhuǎn)換。（==和！=）

第二組是全等和不全等，他們在比較之前不執(zhí)行轉(zhuǎn)換。（===和！==）

條件操作符：條件操作符是javascript中用途最為廣泛的操作之一。語法如下：

variable = boolean_expression ? true_value : false_value

賦值操作符：簡單賦值用等于號（=）表示，將右手邊的值賦給左手邊的變量?？梢允褂闷渌僮鞣麡?gòu)成復(fù)合型值操作符

逗號操作符：逗號操作符可以用來在一條語句中執(zhí)行多個操作。

六、語句

JavaScript中大部分語法都體現(xiàn)在語句中，語句通常使用一個或多個關(guān)鍵字完成既定的任務(wù)。

1、if語句

語法1如下：

if （表達(dá)式） 執(zhí)行語句1 else 執(zhí)行語句2；

解釋：

表達(dá)式運(yùn)行結(jié)束后，會自動轉(zhuǎn)換為布爾值，如果布爾值為“真”則運(yùn)行“執(zhí)行語句1”，如果布爾值為“假”就運(yùn)行執(zhí)行語句2。（注意：執(zhí)行語句可以是一個代碼塊，這個時候用花括號包含即可。）

具體實(shí)例如下：

let number=89

if (number>80) console.log("當(dāng)前number的值大于80\n")

else{

console.log("當(dāng)前number的值小于80\n")

}

語法2如下：

if（表達(dá)式）{執(zhí)行語句1}

else if (表達(dá)式) {執(zhí)行語句2}

else{執(zhí)行語句3}

具體實(shí)例如下：

let number=89

if (number>90) console.log("當(dāng)前number的值大于90\n")

else if (number>85 && number<90){

console.log("當(dāng)前number的值介于85到90之間\n")

}

else {

console.log("當(dāng)前number的值不在80~90的范圍內(nèi)")

}

2、do-while語句

do-while語句是一種后測試循環(huán)語句，即循環(huán)體中的代碼執(zhí)行后才會對退出條件進(jìn)行求值。換句話說，循環(huán)體內(nèi)的代碼至少執(zhí)行一次。do-while的語法如下：

do{

執(zhí)行語句；

}while (表達(dá)式)

例子：

let i=0;

do {

i+=2;

}while (i<10)

console.log(i) //10

3、while語句

while語句是一種先測試循環(huán)語句，即先檢測推出條件，再執(zhí)行循環(huán)體內(nèi)的代碼。

語法如下：

while(表達(dá)式) 執(zhí)行語句；

let i=0;

while (i<10)

{

i+=2

}

console.log(i) //10

4、for語句

for語句也是測試語句，只不過增加了進(jìn)入循環(huán)之前的初始化代碼，以及循環(huán)執(zhí)行后要執(zhí)行表達(dá)式。

語法如下：

for (初始化變量；條件判斷；表達(dá)式) 執(zhí)行語句；

實(shí)際舉例如下：

let count=10;

for (let i=0;i<10;i++){

console.log(i);

}

5、for-in 語句

for- in 語句是一種嚴(yán)格的迭代語句，用于枚舉對象中的非符號建屬性。

6、for-of語句

for-of語句是一種嚴(yán)格的迭代語句，用于遍歷可迭代對象的元素。

7、標(biāo)簽語句

標(biāo)簽語句用于給語句加標(biāo)簽，語法如下：

label：statement

實(shí)際例子：

start：for (let i =0;i<count;i++)

{

console.log(i);

}

8、break和continue語句

break 和continue語句為執(zhí)行循環(huán)代碼提供了更嚴(yán)格的控制手段。break結(jié)束整個循環(huán)，continue結(jié)束本次循環(huán)。

9、with語句

with語句的用途是將代碼作用域設(shè)備為特定的對象，語法如下：

with (表達(dá)式) 執(zhí)行語句；

10、switch語句

switch語句與if語句緊密相關(guān)的一種流控制語句，類似于C語言中switch語句。

語法如下：

switch (expression){

case value1:

statement

break;

case value2:

statement

break;

default:

statement;

}

}

七、函數(shù)

函數(shù)對任何語言來說都是核心組件，因?yàn)樗梢苑庋b語句，然后在任何地方、任何時間執(zhí)行。javascript中使用function關(guān)鍵字聲明。

基本語法如下：

function functionName（參數(shù)1，參數(shù)2,....）

{

執(zhí)行語句；

return 語句； //如果函數(shù)需要返回計算結(jié)果

}

注意事項(xiàng)：

不指定返回值的函數(shù)實(shí)際上會返回特殊值undefined.