JavaScript 編程基礎
JavaScript 是Web上的一種功能強大的編程語言，用於開發交互式的Web頁面。它不需要編譯，而是直接嵌入在HTML頁面中，把靜態頁面轉變成支持用戶交互並響應事件的動態頁面。
一、JavaScript 的引入
在HTML文檔中引入JavaScript有兩種方式，一種是在HTML文檔中直接嵌入JavaScript腳本，稱爲內嵌式；另一種是鏈接外部JavaScript腳本文件，稱爲外鏈式。
（1）內嵌式
在HTML文檔中通過<script>標籤及其相關屬性可以引入JavaScript代碼。當瀏覽器讀取到<script>標籤時，就解釋執行其中的腳本，其基本語法格式如下：
<head>
<!--....-->
<script type="text/javascript">
//此處爲JavaScript代碼
</script>
</head>
該語法中，type屬性是用來指定HTML文檔引用的腳本語言類型，當type屬性的值爲**“text/javascript”**時，表示<script></script>元素包含的是JavaScript腳本。
雙斜槓"//“在JavaScript中用於定義單行註釋，另外，可以使用”/**/"來定義多行註釋。
通常我們將<script></script>元素放在<head>和</head>之間，稱爲頭腳本；但也可以將其放在<body>和</body>之間，稱爲體腳本。
（2）外鏈式
當腳本比較複雜或者同一段代碼需要被多個網頁文件使用時，可以將這些腳本代碼放置在一個擴展名爲**.js**的文件中，然後通過外鏈式引入該js文件。
在Web頁面中使用外鏈式引入JavaScript文件的基本語法格式如下：
<script type="text/javascript" src="JS文件的路徑"></script>
二、關鍵字
JavaScript關鍵字（Reserved Words），又被稱爲“保留字”，是指在JavaScript語言中被事先定義並賦予特殊含義的單詞。但是，JavaScript關鍵字不能作爲變量名和函數名使用，否則會使JavaScript在載入過程中出現編譯錯誤。
--------JavaScript 關鍵字
| abstract | continue | finally | instanceof | private | this |
|---|---|---|---|---|---|
| boolean | default | float | int | public | throw |
| break | do | for | interface | return | typeof |
| byte | double | function | long | short | true |
| case | else | goto | native | static | var |
| catch | extends | implements | new | super | void |
| char | false | import | null | switch | while |
| class | final | in | package | synchronized | with |
三、變量
在程序運行期間，隨時可能產生一些臨時數據，應用程序會將這些數據保存在一些內存單元中。變量就是指程序中一個已經命名的存儲單元，它的主要作用就是爲數據操作提供存放信息的容器。
（1）變量的命名
在編程過程中，經常需要定義一些符號來標記某些名稱，如函數名、變量名等，這些符號被稱爲標識符。在JavaScript中，標識符主要用來命名變量和函數。命名變量的時候注意以下幾點：
- 必須以字母或下劃線開頭，中間可以是字母、數字、下劃線。
- 變量名不能包含空格、加、減等符號。
- 不能使用JavaScript中的關鍵字作爲變量名。
- JavaScript的變量名嚴格區分大小寫，如UserName和uername代表兩個不同的變量
（2）變量的聲明與賦值
在JavaScript中，使用變量前需要先對其進行聲明。所有的JavaScript變量都由關鍵字var聲明，語法格式如下：
var 變量名；
在聲明變量的同時可以對其進行賦值，例如：
var abc=1;
如果只聲明瞭變量，沒有賦值，則其默認爲undefined。聲明變量時，需要遵循以下規則。
- 可以使用一個關鍵字同時聲明多個變量需要用逗號“,”分隔變量名。例如：
var a,b,c; //同時聲明變量a,b,c三個變量
- 可以在聲明變量時對其賦值，即初始化。例如：
var a=1,b=2,c=3;
- var 語句可以用作for循環和for/in循環的一部分，使循環變量的聲明成爲循環語法自身的一部分，使用起來較爲方便。
- 使用var語句多次聲明同一個變量，如果該變量已經有初始值，則此時的聲明相當於對變量重新賦值。
另外，由於JavaScript 採用弱類型的形式，因此可以不理會變量的數據類型，即可以把任意類型的數據賦值給變量。
var a=100; //數值類型
var str="是杜小白呀"; //字符串類型
var bue=true; //布爾類型
四、prompt () 函數
prompt()方法是JavaScript中窗口window對象的一個常用方法，用於顯示和提示用戶輸入信息的對話框，其語法格式如下：
window.prompt(提示信息字符串,默認輸入值);
或如下：
prompt(提示信息字符串,默認輸入值);
如果用戶單擊提示框中的取消按鈕，則返回null。單擊確認按鈕，則返回輸入字段當前顯示的文本。
五、alert() 函數
alert()函數主要用於彈出警示對話框，通常用於對用戶進行提示，其語法格式如下：
window.alert("Hello World!");
或如下：
alert("Hello World!");
alert()函數內的文本信息用於顯示再警示對話框中，該對話框嗨包含一份“確認”按鈕，單擊該按鈕可以關閉對話框。
六、console.log()函數
console.log()函數用於標準輸出流的輸出，即在控制檯中顯示輸出結果。例如，在網頁腳本中使用console.log(“Hello World!”);，加載時控制檯就回自動顯示如下圖所示內容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>console.log(函數)</title>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
console.log("Hello World!");
</script>
</head>
<body>
</body>
</html>
- Authors
- 杜小白
文章內容借鑑於《HTML+CSS+JavaScript 網頁製作案例教程》 編著：傳智播客
