JavaScript 基礎 · 地表最強JS文檔

[toc] # 每日英語 1. `variable` 可變的(聲明變量) 1. `console` 控制臺(查看變量內容) 1. `log` 日志,記錄(查看變量內容) 1. `arguments` 參數(關鍵字) 1. `break` 中斷(循環結構關鍵字) 1. `catch` 捕獲(關鍵字) 1. `class` 類(用于聲明類的關鍵字) 1. `constant` 常量(用于聲明常量的關鍵字) 1. `continue` 繼續(用于循環的關鍵字) 1. `type` 類型(typeof 運算符) # Javascript 名詞解釋 ## 語句 > JavaScript 程序的執行單位為行（line），語句以分號結尾。一般情況下，每一行代碼就是一個語句。 ```javascript var a = 1 + 3; // 初始化一個變量, 值為3 ``` _多個語句可以寫在一行內。但是一般情況下一行只寫一條語句。_ ```javascript var a = 1 + 3; var b = "abc"; // 可以多行, 但是需要分號 ``` ## 變量 > 其表示的值可以發生改變的量，叫做變量。 ```javascript var a; // 在這個例子中a表示一個變量，a是變量的變量名。 ``` 創建一個變量的過程叫做`變量的聲明`。給變量一個具體的值的過程叫做`變量的賦值`。(變量在賦值之前必須被聲明) ```javascript a = 10; ``` 將變量的聲明和賦值寫在一起的方式叫做`變量的初始化`。 ```javascript var a = 10; // 初始化語句 ``` 一次聲明多個變量 ```javascript var a = 1, b = 2, c = 3, d = 4; // 中間用逗號隔開 console.log(a); // 1; console.log(b); // 2; console.log(c); // 3; console.log(d); // 4; ``` # Javascript 變量命名規則 1. JavaScript 語言的標識符對大小寫敏感，所以 a 和 A 是兩個不同的標識符。 ```javascript var num = 10; // num和Num不是 var Num = 20; console.log(num); // 10 console.log(Num); // 20 ``` ```javascript var num = 10; // 賦值10 var num = 20; // 又賦值20 console.log(num); // 20 console.log(num); // 20 ``` 2. 首字母可以是任意字母以及美元符號和下劃線。剩余可以是任意字母，美元符號，下劃線和數字 ``` aNum FrankenStein _My_Id $name4 $user_address ``` > 不能使用數字來當做命名的首位。 3. 不能使用 javascript 中的關鍵字(保留字)來命名變量 ``` arguments、break、case、catch、class、const、continue …… ``` _name 也是關鍵字_ 4. 常用命名方式：駝峰命名法(首字母大寫，其余字母小寫) ```javascript var userName = 15; console.log(userName); ``` > 給變量命名一定要給有意義的名字，不要使用類似 a、b、c 之類的無意義名字。(見名知意) # Javascript 變量類型 > Javascript 中有六大基本數據類型，這六種數據類型也就是我們聲明變量的類型。 1. `number` 數字類型 2. `string` 字符(串)類型 3. `boolean` 布爾類型 4. `*Array` 數組類型（不是基本數據類型） 5. `undefined`&`null` 未定義類型&空類型 6. `object` 對象類型 > JavaScript 擁有動態類型。這意味著變量可以根據其保存的值的類型不同，顯示為不同的類型。 ```javascript var x; // x 為 undefined類型 console.log(typeof x); var x = 6; // x 為數字類型 console.log(typeof x); var x = "Bill"; // x 為字符串類型 console.log(typeof x); ``` ## number 數字類型 JavaScript 只有一種數字類型。數字可以帶小數點，也可以不帶： ```javascript var x1 = 34.0; //使用小數點來寫 console.log(typeof x1); var x2 = 34; //不使用小數點來寫 console.log(typeof x2); ``` 極大或極小的數字可以通過科學計數法來書寫： ```javascript var y = 123e5; // 12300000 console.log(y); var z = 123e-5; // 0.00123 console.log(z); ``` ## string 字符(串)類型字符串是存儲字符（比如 "Frankenstein"）的變量。字符串可以是引號中的任意文本。可以使用單引號或雙引號： ```javascript var userName = "Frankenstein"; var userName = "Ma Yun"; ``` 可以在字符串中使用引號，只要不與包圍字符串的引號沖突即可： ```javascript var answer = "Nice to meet you!"; answer = "He is called 'Frank'"; //外層是雙引號，內層是單引號 answer = 'He is called "Frank"'; ``` ## boolean 布爾類型 > 布爾（邏輯）只能有兩個值：true 或 false。 ```javascript var x=true； var y=false； ``` > 布爾常用在條件測試中，表示真假值。 ## \*Array 數組類型 > 數組是一組連續有序的變量的集合，數組中的變量根據數組中的下標來進行訪問，數組中的變量被稱為數組元素。語法： ```javascript var 數組名 = new Array(元素, 元素, 元素); var 數組名 = [元素, 元素, 元素]; ``` ```javascript var cars = new Array(); cars[0] = "Audi"; // 按下標取值并賦值 cars[1] = "BMW"; cars[2] = "BeiDouXing"; var cars = new Array("Toyota", "BMW", "volkswagen"); var cars = ["Audi", "BMW", "BeiDouXing"]; ``` > 數組類型是一種特殊的對象類型。 ## undefined&null 未定義類型&空類型 Undefined 類型表示數據類型未知或者存在類型錯誤。如果變量的值為 undefined，并不代表變量沒有類型！ ```javascript var name; console.log(name); //此時變量name的類型就是undefined類型 ``` null 類型表示對象為空 ```javascript var name; name = null； console.log(name); //此時name就不再是變量，而是一個對象。類型就是null類型。 ``` 總結：undefined 類型和 null 類型在頁面中表現的效果是相同的，但是 undefined 用于變量類型，而 null 用于對象類型。兩者必須不能混用！！！！ ## object 對象類型對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔： ```javascript var person = { firstname: "Bill", lastname: "Gates", id: 5566 }; ``` 上面例子中的對象 person 有三個屬性：firstname、lastname 以及 id。空格和折行無關緊要。聲明可橫跨多行： ```javascript var person = { firstname: "Bill", lastname: "Gates", id: 5566 }; ``` 對象屬性有兩種尋址方式（獲取對象屬性所對應的值的方式）： ```javascript name = person.lastname; name = person["lastname"]; ```