技術文章 » 瞭解如何編寫JavaScript

瞭解如何編寫JavaScript

2020-11-24 18:00:49

欄目介紹如何編寫JavaScript。

相關免費學習推薦：（視訊）

JavaScript的入門文章：

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

JavaScript是在JS引擎中執行的 V8引擎。
JavaScript在哪裡寫 是我們首先要知道的。

一共可以寫在三個地方。

  1. 行內,給元素新增事件
<button onclick='alert("hello")'>按鈕</button>
  1. 寫在html內部
    （一般情況下放在body的結束標籤之前，在所有的html內容之後）
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS程式碼</script>
  1. 寫到外部j字尾名為.js的檔案中,然後參照。
    比如現在寫了一個 index.js檔案 放在了 與你的html在同一個目錄下
<script src="./index.js"></script>

注意點：
1. src引入的是外部JS檔案路徑
2. </script>必須單獨出現
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='alert("hello")'>按鈕</button>
  1. 寫在html內部
    （一般情況下放在body的結束標籤之前，在所有的html內容之後）
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS程式碼</script>
  1. 寫到外部j字尾名為.js的檔案中,然後參照。
    比如現在寫了一個 index.js檔案 放在了 與你的html在同一個目錄下
<script src="./index.js"></script>

注意點：
1. src引入的是外部JS檔案路徑
2. </script>必須單獨出現
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的詳細內容，更多請關注TW511.COM其它相關文章！