了解如何編寫JavaScript

javascript欄位介紹如何寫JavaScript。

相關免費學習推薦：JavaScript（影片）

JavaScript的入門文章：

如果你已經會寫html與css了，但你還沒學JavaScript那麼你就可以從筆者的這邊文章開始學起了。

JavaScript是在JS引擎中執行的 V8引擎。

JavaScript在哪裡寫 是我們首先要知道的。

總共可以寫在三個地方。

1. 行內,為元素新增事件

<button onclick=&#39;alert("hello")&#39;>按钮</button>

2. 寫在html內部
   （一般情況下放在body的結束標籤之前，在所有的html內容之後）

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

3. 寫到外部j後綴名為.js的檔案中,然後引用。
   例如現在寫了一個index.js檔 放在了與你的html在同一個目錄下

<script src="./index.js"></script>

注意點：
1. src引入的是外部JS檔案路徑
2. 必須單獨出現
3. 在開始和結束標籤之間。不出現任何JS程式碼，出現了也不會執行。

JavaScript輸出輸入的方法

輸出：

1. #alert('提示訊息'); - - 彈出一個警告框，會中斷瀏覽器渲染及其他操作。
2. document.write(‘內容’); - - 列印輸出內容到文件流中。通常不會使用這種方式。可做了解。
3. console.log(‘提示內容’); - - 輸出日誌內容到控制台就是你在頁面當中使用F12然後出現的東西)。前端程式設計師算是必須學會的東西，因為實際專案開發的過程中需要不斷的調試。尤其是出現令人惱火的bug的時候。 console.log更多的玩法可看筆者的另外一篇文章：你不知道的console的騷操作

輸入：

1. prompt(提示訊息)
   使用者點選確認按鈕，得到使用者輸入的值，使用者點選取消按鈕，得到null
2. 表單中的輸入方塊
   例如input，textarea等等，或是將元素變成了可編輯狀態（如果不知道怎麼將元素變成可編輯狀態可以看筆者的富文本編輯器實作原理）

JavaScript的變數。

變數： 記憶體中的資料儲存空間，該空間中儲存的資料可以隨著運算的進行而改變。
變數三要素：
1. 變數名稱
2. 變數值
3. 資料型別
JS是弱（動態）型別的語言，不關心變數創建時的資料類型，是運行後才能確定變數的資料類型。
語法：
定義變數：

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

實際的專案開發過程中基本上不會使用var來生命變數。一般都是使用const，let來宣告變量，因為var有聲名提升，和記憶體洩漏的問題。有關const和let請看筆者b的ES6介紹。
變數的命名規則：
a. 能夠包含的字元：字母、數字、_、$
b. 不能以數字開頭
c. 不能是關鍵字或保留字
關鍵字/保留字： 有固定語法意義的單字
關於關鍵字和保留字的詳細內容請移步到ECMAScript關鍵字和保留字詳細介紹
d. 嚴格區分字母大小寫
變數的命名規格：
a. 取簡潔的英文單字當變數名，見名知意。
b. 有多個單字時，第一個單字首字母小寫，其他單字縮寫。

關於變數的資料型別的詳細介紹請移步到JavaScript的資料型別介紹

JavaScript的入門文章：

如果你已經會寫html與css了，但是你還沒學JavaScript那麼你就可以從筆者的這邊文章開始學起了。

JavaScript是在JS引擎中執行的 V8引擎。

JavaScript在哪裡寫 是我們首先要知道的。

總共可以寫在三個地方。

1. 行內,為元素新增事件

<button onclick=&#39;alert("hello")&#39;>按钮</button>

2. 寫在html內部
   （一般情況下放在body的結束標籤之前，在所有的html內容之後）

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

3. 寫到外部j後綴名為.js的檔案中,然後引用。
   例如現在寫了一個index.js檔 放在了與你的html在同一個目錄下

<script src="./index.js"></script>

注意點：
1. src引入的是外部JS檔案路徑
2. 必須單獨出現
3. 在開始和結束標籤之間。不出現任何JS程式碼，出現了也不會執行。

JavaScript輸出輸入的方法

輸出：

1. #alert('提示訊息'); - - 彈出一個警告框，會中斷瀏覽器渲染及其他操作。
2. document.write(‘內容’); - - 列印輸出內容到文件流中。通常不會使用這種方式。可做了解。
3. console.log(‘提示內容’); - - 輸出日誌內容到控制台就是你在頁面當中使用F12然後出現的東西)。前端程式設計師算是必須學會的東西，因為實際專案開發的過程中需要不斷的調試。尤其是出現令人惱火的bug的時候。 console.log更多的玩法可看筆者的另外一篇文章：你不知道的console的騷操作

輸入：

1. prompt(提示訊息)
   使用者點選確認按鈕，得到使用者輸入的值，使用者點選取消按鈕，得到null
2. 表單中的輸入方塊
   例如input，textarea等等，或是將元素變成了可編輯狀態（如果不知道怎麼將元素變成可編輯狀態可以看筆者的富文本編輯器實作原理）

JavaScript的變數。

變數： 記憶體中的資料儲存空間，該空間中儲存的資料可以隨著運算的進行而改變。
變數三要素：
1. 變數名稱
2. 變數值
3. 資料型別
JS是弱（動態）型別的語言，不關心變數創建時的資料類型，是運行後才能確定變數的資料類型。
語法：
定義變數：

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

實際的專案開發過程中基本上不會使用var來生命變數。一般都是使用const，let來宣告變量，因為var有聲名提升，和記憶體洩漏的問題。有關const和let請看筆者b的ES6介紹。
變數的命名規則：
a. 能夠包含的字元：字母、數字、_、$
b. 不能以數字開頭
c. 不能是關鍵字或保留字
關鍵字/保留字： 有固定語法意義的單字
關於關鍵字和保留字的詳細內容請移步到ECMAScript關鍵字和保留字詳細介紹
d. 嚴格區分字母大小寫
變數的命名規格：
a. 取簡潔的英文單字當變數名，見名知意。
b. 有多個單字時，第一個單字首字母小寫，其他單字縮寫。

關於變數的資料型別的詳細介紹請移步到JavaScript的資料型別介紹

以上是了解如何編寫JavaScript的詳細內容。更多資訊請關注PHP中文網其他相關文章！