大家好這里是x大魔王，是的，我又來了，我帶著JavaScript來了,這波我總結了自己學習JavaScript的知識點，有問題歡迎評論區、私信見🚴?♀?

基本陳述句(statement)+注釋🏌??♂?

變數（量量子鮮森）🧗?♀?

//var是JavaScript語言的一個關鍵字，定義變數時使用
var mood;
var age;
var mood,age;

var mood,age;
mood = "happy";
age=33;

var mood="happy",age=33;

變數名的限制和要求：JavaScript語法不允許變數的名字中包含空格或者標點符號（美元$除外）變數名允許包含字母、數字、美元符號和下劃線字符，

注意一點，對于：
var mood = "happy"這句陳述句來說，“happy”是JavaScript的一個字面量，即：在JavaScript代碼中直接寫出來的資料內容，除了所給的內容外無任何附加含義，而 mood是一個變數的名字，它除了自身內容以外有含義👩?🔬

var的小tips

var是在定義變數的時候的運算子，也是一個關鍵字，后面跟變數名使用var定義的變數將成為該變數的作用域中的區域變數，即：如果在函式中使用var定義一個變數，那么這個變數在函式退出后就會被銷毀下面例子來解釋一下：
?

function test(){
     var mesg = "nihao";//區域變數
}
test();
alert(mesg);//出現錯誤！
//這里變數mesg是在函式中使用var定義的，當函式被呼叫的時候，就會創建該變數并為其賦值，在此之后這個變數就會被立即銷毀

?

function test(){
     mesg = "nihao";//全域變數
}
test();
alert(mesg);//“nihao”

可以看到第二個例子是省略了var運算子的，那么此時mesg就變成了全域變數，但是這種做法不太推薦，因為在區域作用域中定義的全域變數很難維護，如果有意忽略了var運算子，與會由于相應變數不會馬上有定義而導致不必要的混亂

關鍵字和保留字🧜?♂?

以下是ECMAScript全部關鍵字：

以下是ECMA-262第三版定義的所有保留字：

資料型別🏊?♂?

簡單以上面的mood為例，它的值顯然就是個字串型別的字面量，age則是一個數值型別的字面量，可以看出，雖然它們的型別不同，但是在賦值的時候都是一樣的宣告🎈ECMScript中有5中簡單的資料型別(基本資料型別)：Undefined、Null、Boolean、Number、String，還有一種復雜的資料型別：Object,它其實就是由一組無序的名值對組成的，得益于它的型別具有動態性這一特點吧，所有也沒有再定義其他型別的必要了🐒

//以下代碼對于常年C和Java的👶可能有點不適
var age="three" ;
age=33;
//JavaScript不關心變數age到底是字串還是數值
//這種寫法有效，但不推薦

typeof運算子

講到這里都看得出就是JavaScript是松散型別的，所以如果說想要檢測一個變數是什么型別的，就可以使用這個運算子，使用之后就會回傳對應變數的型別了
undefined——該值無定義
boolean——該值是布林值
string——該值是字串
number——該值是數值
object——該值是物件或者null
function——該值是個函式

舉個小栗子來看看typeof的用法和方式

var mess = "nihao";
alert(typeof mess);//string
alert(typeof (mess))//string
alert(typeof 100)//number

Undefined型別

Undefined型別只有一個值，即特殊的undefined，在使用var宣告變數但未對其加以初始化時，這個變數的值就是undefined

var message;
alert(massage == undefined);//true
//系統會自動給的

tips:記住，這里指的是已經宣告的值！！就是宣告了但是還沒有賦值的值而已，不是那些根本都沒有宣告的值！😁

Null型別

Null型別是第二個只有一個值的資料型別，這個特殊值是null，從邏輯角度來看，null值表示一個空物件指標，而這也正是使用typeof操作會檢測到null時會回傳“object”型別的原因

var a = null;
alert(typeof a);// object

常用路徑

如果說在定義變數的時候準備在將來用于保存物件來用的，那么最好就將這個變數初始化為null，而不是其他亂七八糟的值，這樣在后續只需要直接檢查null值就可以知道相應的變數是否已經保存了一個物件的參考，算是我自己的一個小習慣，null值也是非常有用的！😚

if (a != null){
   //對a物件要做的事情
}

在《JavaScript高級編程設計》一書上有對此進行更進一步的說明：undefined 值是派生自null值的，因此在ECMA-262規定了對它們的相等性測驗：

alert(null == undefined)//true

可能會有些混亂，這里講一下，盡管null和typeof有這樣的關系，但是它們的用途完全不一樣，無論在什么情況下都沒有必要把一個變數設定為undefined，可是對null來說就不適用了，因為只要意在保存物件的變數還沒有真正保存物件，就應該明確地讓該變數保存null值🐱?🏍

字串

字串必須放在引號里——單、雙引號都Ok，他們的效果相等，考慮到代碼習慣問題，最好如果使用了一種，那么后續就繼續使用，不混亂，且容易理解👓

數值

var age=33;
var tem=-20;
var tem_1=-21.23;
//不管是整數、浮點數、負數都🆗

進制問題

除了十進制之外，整數還可以通過八進制或者十六進制來表示，八進制字面值前第一位一定要是0，然后是八進制數字序列（0-7），如果字面值中地數值超出了范圍，那么前面的0將被忽略，也就是后面地數值就會被當成十進制數值來決議😯十六進制的話在前面加上0x，后跟任何十六進制數字(0-9 and A-F,A-F可以大寫也可以小寫)

var num_1 = 070;//八進制56
var num_2 = 079;//十進制79
var num_3 = 08;//十進制8
//十六進制
var num_1 = 0xA;//十六進制10
var num_2 = 0x1f;//十六進制31

浮點數型別

所謂浮點數值，就是數值中必須包含一個小數點，并且小數點之后必須至少有一位數字，以下是一些例子：

var num_1 = 2.4;
var num_2 = 0.4;
var num_3 = .1;//有效但不支持~~~🤧

var num_1 = 1.;//小數點后沒有數字——決議為1
var num_2 = 8.0;//整數——決議為8

var num = 3.125e7;//等于31250000
//3.125*10^7這樣就比較容易表示
//如果說想表示0.00000004；
var num_2 = 4e-7;
//浮點數值的最高精度是17位小數

tips:對于兩個浮點數相加的結果最后可能會帶有一個小尾巴這件事，在這里也是有的😁

var a = 0.1;
var b = 0.2;
if (a+b == 0.3){
     alert("0.3!");
}
//但是不要這么做！因為結果是：
0.30000000000000004😅

數值范圍問題

由于記憶體的限制，不僅僅是JavaScript，可以說所有的語言都會有一個數值范圍的限制，在這里說明一下：在大多數瀏覽器中，最小數值為：5e-324；最大為：1.7976931348623157e+308

如果這里的數值有誤的話，歡迎更正
🤗
如果說一個數值超出了JavaScript的數值范圍，那么這個數值就會自動被換成特殊的Infinity值，就比如，如果這個數是負數，就會變成-Infinity(負無窮)，如果是正，就Infinity(正無窮)并且這個數值將不能參與計算，因為Infinity是不能夠參與計算的數值，也可以使用isFinite()函式來判斷一個數值是不是有窮的，是回傳true,否回傳false

NaN(非數值)

這是一個特殊的數值，這個數值用于表示一個本來要回傳數值的運算元但未回傳的情況，就最簡單的例子就是如果說做一個除法運算，如果除數為0，這樣肯定會導致出錯的嘛，然后代碼停止運行，這個時候系統就會回傳NaN,并不會影響到其他代碼的執行🐱但是NaN本身也有兩個特點需要注意一下：

①任何有關NaN的操作，比如NaN/9之類的，這個時候都會回傳NaN,這個特點也可能會在很多計算中出現很多問題😕

②就是NaN和任何值都不相等，包括它本身

alert(NaN == NaN);//false

這里也給出了isNaN()函式來判定這個引數是否“不是數值”，具體看以下例子：😉

alert(isNaN(NaN));//true
alert(isNaN(9));//false,9是數值
alert(isNaN("9"));//false因為"9"可以轉換成“數值”
alert(isNaN("a"));//true因為根本不可能轉成數值
alert(isNaN(true));//false,因為可以轉成1！！🤣

很不可思議吧，有關于isNaN()這個函式的具體使用流程做一個簡單說明：這個函式會先去呼叫valueOf()函式，去判斷一下這個引數是否可以轉換成數值，如果不可以，那么就呼叫toString()回傳測驗值😎

數值轉換

轉型函式Number()

可以用于任何資料型別，具體規則如下：
①、如果是數字值，只是簡單的傳入和回傳即可
②、如果是Boolean型別，true和false分別回傳1和0
③、如果是null，回傳0
④、如果是字串的話，比較復雜：
?如果字串中只包含數字(正數和負數都🆗)，則將其轉換為十進制數值，就比如“123”就轉換成123，“01”會轉換成1（前面的0會被自動忽略）
?如果是浮點格式，比如“2.4”，則會將其轉換成對應的浮點數值（同樣，前面的0會被忽略）
?如果是字串中包含了有效的十六進制的格式，比如“0xA”,那么就會被轉換成相對應的十進制整數值
?如果該字串為空，則將其轉換成0
?如果字串中包含除了上面所說的格式之外的字符，那么就轉換成NaN
⑤、如果是物件，則呼叫物件的valueOf()方法，然后依據前面的規則轉換回傳的值，如果轉換的結果是NaN，則呼叫物件的toString()方法，然后再次依照前面的規則🐱?💻

var num_1 = Number("nihao");//NaN
var num_2 = Number("");//0
var num_3 = Number("000001");//1
var num_4 = Number(true);//1

可以看到這個函式在轉換字串的時候比較復雜而且不夠合理，因此在處理整數這一部分的時候呢更常使用parseInt()函式😃

parseInt()函式

使用程序中它會忽略字串前面的空格，直至找到第一個非空格字符；如果說第一個字符不是數字字符或者負號，那么parseInt()函式會回傳NaN,然后parseInt()函式會繼續去決議第二個字符這就比上面的Number()函式更加精細了，沒有一竿子打死全部，有“提取有效值”的感覺😻，直至決議完所有或許字符或者遇到了一個非數字字符，這里我們一直在說的是“有效數字字符“，那么這個具體來說是什么意思呢？請看下方：

var num_1 = parseInt("12nihao");//12
var num_2 = parseInt("");//NaN
var num_3 = parseInt("0xB");//11(十六進制)
var num_4 = parseInt("10");//10(十進制)
var num_5 = parseInt("070");//56(八進制)

var num_1 = parseInt("0xA", 16);//11
var num_2 = parseInt("10", 8);//8(按照8進制決議)
var num_3 = parseInt("10", 16);//16(按照16進制決議)

parseFloat()函式

這個函式比較簡單，該函式也是從第一個字符開始決議每一個字符，并且一直決議到字串的最后，或者說，遇到一個無效的浮點數數字字符就停止，這也就是，遇到的第一個小數點，那么是有效，如果再遇到小數點，那就無效，被自動忽略😸，這個函式的特點就是只決議十進制整數格式，如果遇到十六進制的話，會被自動決議成0

var num_1 = parseFloat("12nihao");//12
var num_2 = parseFloat("0xA");//0
var num_3 = parseFloat("10.5.10");//10.5
var num_4 = parseFloat("010.5");//10.5

布林值

var m=true;//定義
//注意區分：
var m =true;//布爾型別
var m ="true";//字串型別
var mes = "nihao";
var mes_bool = Boolean(mes);//轉換

上面提到的轉換我在這里列一下判斷依據：🥱

//轉換規則對于控制陳述句非常重要(if、while等)
var a = "nihao";
if (a){
   alert("value is true!")
}

陣列

JavaScript中陣列下標是從“0”開始的，以下是常用的操作：

//宣告方式有兩種
//1、知道陣列大小
var arr = Array(4);
//2、不知道陣列大小
var arr = Array()
//填充元素：在JavaScript中，不僅僅要給出新元素的值
//并且還要指出新元素的下標位置(index)
arr[index] = element;
//以下給出一個例子：
var arr = Array(4);
arr[0] = "a";
arr[1] = "b";
arr[2] = "c";
arr[3] = "d";
//還可以以簡單的方式定義：
var arr = Array("a","b","c","d");
//實際上，也可以：
var arr = ["a","b","c","d"];
//JavaScript甚至可以在一個陣列里各元素不同型別：
var arr_1 = Array("a", 1, false);
//陣列元素甚至可以是“變數”🤿
var name = "x moster";
arr[0] = name;
//陣列元素甚至可以包含其他的陣列！！！💍
var arr_1 = Array("a","b","c","d");
var arr = Array();
arr[0] = arr_1;
//那么問題就來了，這樣定義了之后該如何訪問其中的元素呢？
arr[0][0]="a"
arr[0][1]="b"
...以此類推，大致簡單的內容介紹完畢🕶

關聯陣列🧸

前面介紹了簡單的陣列的知識點，先來看看這個“關聯陣列”到底是啥

它就是改變了定義陣列的方式，一般的陣列都是長這樣：
arr[0] = “a”;
可以看到我們是以整數0來確認“a”，只要是arr這個陣列并且為0的位置肯定就是“a”🏏,那么關聯陣列就不只是局限于整數數字，直接看：

var arr = Array();
arr["name"] = "Li";
arr["age"] = 33;
arr["living"] = true;

像這樣的陣列稱為“關聯陣列”，這也就是說，我們可以通過各元素的名字而不是一個下標數字來引領它們，這樣腳本的可讀性就大大提高了😎,以下以一段代碼來讓大家深入：

var arr = Array("a", 1, false);
var arr_1 = Array();
arr_1[0] = arr;
//現在對它們進行訪問：
arr_1[0]["name"] = "Li";
arr_1[0]["age"] = 33;
arr_1[0]["living"] = true;
//讓我們再來一個：如果說arr_1陣列也填充為關聯陣列而不是數值陣列
var arr_1 = Array();
arr_1["arr_1_list"] = arr;
//訪問一波：
arr_1["arr_1_list"]["name"] = "Li";
//后續都相同 😏