節我們簡單的來學習一下 JavaScript 的語法。我們知道 JavaScript 是一種腳本語言,腳本語言又被稱為擴建的語言,或動態的語言,是一種編程語言,用來控制軟件應用程序,腳本通常以文本保存,只有在被調用的時候進行解釋或編譯。JavaScript 語言是一套規則,它定義了 JavaScript 的語言結構。
注釋顧名思義就是對代碼的解釋和說明,可以讓我們能夠輕松的了解代碼。注釋可以提高代碼的可讀性,且注釋不會被計算機編譯。每個語言中的注釋格式可能不太一樣,我們來看一下 JavaScript 語言的注釋。
JavaScript 語言中的注釋其實很簡單,在需要注釋的語句前面添加雙斜杠// 即可,例如:
// 這是一行注釋
雙斜杠后面的內容會被瀏覽器忽略,且一般我們寫注釋時,雙斜杠與內容之間會有一個空格。
上面的雙斜杠是我們最常用的注釋方法,我們可以稱之為單行注釋,除此之外,還有一種注釋叫做多行注釋,格式如下所示:
/*
這是多行注釋
俠課島歡迎你
這是多行注釋
*/
通常我們會使用注釋來進行一些說明,例如說明某段代碼是用來做什么的,或者注釋一寫可能有用但是暫時用不上的代碼等。
示例:
執行下面代碼:
// 定義一個變量
var a = 1;
// console.log(a);
var b = 10;
console.log(b);
輸出:
10
JavaScript 中的字面量是指不可以改變的值,如數字 1、2、3 等。字面量都是可以直接使用的,但是我們一般都不會直接使用字面量的。
12
1.26
187e1
'xkd'
"hello xkd"
1 + 2
10 - 7
3 * 6
[1, 2, 3, 4, 5]
{name: "xkd", age:18}
function myFun(x, y) { return x + y;}
JavaScript 中變量可以用來保存字面量,變量的值是可以任意改變的,在開發中通常都是使用變量來保存一個字面量。
在 JavaScript 中我們可以使用關鍵字 var 來聲明一個變量,例如:
var name
name = "xkd"
上面這個 name 就是我們聲明的變量的變量名,在聲明一個變量以后要對變量進行賦值,即上面的“xkd”,而 xkd
就是一個字符串字面量。
或者變量的聲明和賦值也可以同時進行,如下所示:
var name = "xkd"
var age = 20
JavaScript 的關鍵字用于標識要執行的操作。和其他任何編程語言一樣,JavaScript 保留了一些關鍵字為自己所用。
下面是 JavaScript 中重要的保留字:
abstractelseinstanceofsuperbooleanenumintswitchbreakexportinterfacesynchronizedbyteextendsletthiscasefalselongthrowcatchfinalnativethrowscharfinallynewtransientclassfloatnulltrueconstforpackagetrycontinuefunctionprivatetypeofdebuggergotoprotectedvardefaultifpublicvoiddeleteimplementsreturnvolatiledoimportshortwhiledoubleinstaticwith
在HTML中,JavaScript 語句是發給瀏覽器的命令。這些命令會告訴瀏覽器要做的事。
JavaScript 語句可以由值、運算符、表達式、關鍵字和注釋等部分組成。
示例:
JavaScript 語句之間都是用分號分隔:
var a, b, c;
a = 19;
b = 79;
c = a + b;
JavaScript 語句通常以一個語句標識符為開始,并執行該語句。
注意語句標識符是保留關鍵字不能作為變量名使用,例如:
var break = 10;
console.log(break); // SyntaxError: Unexpected token 'break'
上述中的 break 是一個標識符,不能作為變量名,這樣寫代碼會報錯。
法
JavaScript的語法和Java語言類似,每個語句以;結束,語句塊用{...}。但是,JavaScript并不強制要求在每個語句的結尾加;,瀏覽器中負責執行JavaScript代碼的引擎會自動在每個語句的結尾補上;。
注意:讓JavaScript引擎自動加分號在某些情況下會改變程序的語義,導致運行結果與期望不一致。在本教程中,我們不會省略;,所有語句都會添加;。
例如,下面的一行代碼就是一個完整的賦值語句:
var x = 1;
下面的一行代碼是一個字符串,但仍然可以視為一個完整的語句:
'Hello, world';
下面的一行代碼包含兩個語句,每個語句用;表示語句結束:
var x = 1; var y = 2; // 不建議一行寫多個語句!
語句塊是一組語句的集合,例如,下面的代碼先做了一個判斷,如果判斷成立,將執行{...}中的所有語句:
if (2 > 1) { x = 1; y = 2; z = 3; }
注意花括號{...}內的語句具有縮進,通常是4個空格。縮進不是JavaScript語法要求必須的,但縮進有助于我們理解代碼的層次,所以編寫代碼時要遵守縮進規則。很多文本編輯器具有“自動縮進”的功能,可以幫助整理代碼。
{...}還可以嵌套,形成層級結構:
if (2 > 1) { x = 1; y = 2; z = 3; if (x < y) { z = 4; } if (x > y) { z = 5; } }
JavaScript本身對嵌套的層級沒有限制,但是過多的嵌套無疑會大大增加看懂代碼的難度。遇到這種情況,需要把部分代碼抽出來,作為函數來調用,這樣可以減少代碼的復雜度。
注釋
以//開頭直到行末的字符被視為行注釋,注釋是給開發人員看到,JavaScript引擎會自動忽略:
// 這是一行注釋alert('hello'); // 這也是注釋
另一種塊注釋是用/*...*/把多行字符包裹起來,把一大“塊”視為一個注釋:
/* 從這里開始是塊注釋 仍然是注釋 仍然是注釋 注釋結束 */
大小寫
請注意,JavaScript嚴格區分大小寫,如果弄錯了大小寫,程序將報錯或者運行不正常。
、HTML表單
*請認真填寫需求信息,我們會在24小時內與您取得聯系。