變量(Variables)
Variables是你存儲數據的容器。聲明一個變量需要使用關鍵字var,然后輸入變量的名稱。
1 var myvar;?
定義一個變量后,可以賦予變量一個值:
? ??1 myvar = "mxp";?
可以將上述操作寫在一行:
1 var myvar = "mxp";?
變量有不同的?數據類型:
變量 | 解釋 | 示例 |
String | 字符串,一段文本。字符串在雙引號內。 | var myvar = "mxp" |
Number | 數字,一個數字。不用引號包圍。 | var myvar = 10; |
Boolean | 布爾型,一個 True/False (真 / 假)值。?true /false ?是 JS 里的特殊關鍵字,不需要引號。 | var myvar = true; |
Array | 數組,一種允許你存儲多個值在一個引用里的結構。 | var myvar = [1,'mxp','cd',10] |
Object | 對象,基本上 JavaScript 里的任何東西都是對象,而且都可以被儲存在變量里。將這個記在腦子里。 | var myvar =?document.querySelector('h1'); |
?注釋
?你可以在JavaScript中用/*語句*/來添加注釋
1 /* 2 This is a comment 3 */
如果你的注釋只用一行,我們經常將它們更簡單放在兩個斜杠之后,像這樣:
1 // This is a comment
運算符
Operator運算符是一個根據兩個值(或變量)做出結果的代數符號。下表是一些簡單的運算符。
運算符 | 解釋 | 符號 | 示例 |
加/連接 | 用來相加兩個數字,或者連接兩個字符串 | + | ? |
減、乘、除 | 這些運算符操作將與你期望它們在基礎數學中所做的一樣 | -,*,/ | ? |
賦值運算符 | 它將一個值賦給一個變量 | = | ? |
相等 | 它將測試兩個值是否相等,而且會返回一個?true /false ?(布爾型)值 | === | ? |
非、不等 | 經常與相等運算一起使用,非運算符在JS中表示邏輯非——它也返回一個布爾值 | !,!== | ? |
還用很多運算符更我們使用,點擊表達式和運算符查看完整列表。
提示:計算時如果混合幾種數據類型可能導致奇怪的結果,所以請謹慎地正確地引用你的變量,然后得出你期望的結果。比如輸入?"35" + "25"
?到控制臺。為什么結果與你想象的不同?因為引號將數字轉換成了字符串,所以最終會連接兩個字符串而不是相加數字。如果你輸入?35 + 25
,你會得到正確的結果。
語句
語句是能夠讓你測試一個表達式是否返回 true 然后根據結果運行不同的代碼的結構。最常用的語句形式是?if ... else
.?
函數
Functions?是一種封裝你想重復使用的功能的方法,這樣你就可以在任何時候想使用其中的功能就通過函數名稱來調用而不用老是重復寫下整段代碼。
提示:return
?語句告訴瀏覽器返回?result
?變量以便使用。這是很有必要的,因為函數內定義的變量只能在函數內使用。這叫做作用域?scoping?(詳見?變量作用域)。
事件
在網頁上創建真正的交互,你需要使用事件?— 事件是能夠捕捉瀏覽器操作并且允許你運行代碼進行響應的代碼結構. 最明顯的事件是?點擊事件,在鼠標點擊什么的時候被瀏覽器喚醒。?
?
?
?