怎么編寫JavaScript

這篇文章給大家分享的是有關怎么編寫JavaScript的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

JavaScript的入門文章：

如果你已經會寫html與css了，但是你還沒學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代碼，出現了也不會執行。

輸出：

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

輸入：

1. prompt(提示信息)
   用戶點擊確認按鈕，得到用戶輸入的值，用戶點擊取消按鈕，得到null
2. 表單中的輸入框
   比如input，textarea等等，或者將元素變成了可編輯狀態（如果不知道怎么將元素變成可編輯狀態可以看筆者的富文本編輯器實現原理）

變量： 內存中的數據存儲空間，該空間中保存的數據可以隨著運算的進行發生改變。
變量三要素：
1. 變量名
2. 變量值
3. 數據類型
JS是弱（動態）類型的語言，不關心變量創建時的數據類型，是在運行后才能確定變量的數據類型。
語法：
定義變量：

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

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

JavaScript的入門文章：

如果你已經會寫html與css了，但是你還沒學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代碼，出現了也不會執行。

輸出：

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

輸入：

1. prompt(提示信息)
   用戶點擊確認按鈕，得到用戶輸入的值，用戶點擊取消按鈕，得到null
2. 表單中的輸入框
   比如input，textarea等等，或者將元素變成了可編輯狀態（如果不知道怎么將元素變成可編輯狀態可以看筆者的富文本編輯器實現原理）

變量： 內存中的數據存儲空間，該空間中保存的數據可以隨著運算的進行發生改變。
變量三要素：
1. 變量名
2. 變量值
3. 數據類型
JS是弱（動態）類型的語言，不關心變量創建時的數據類型，是在運行后才能確定變量的數據類型。
語法：
定義變量：

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

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

感謝各位的閱讀！關于怎么編寫JavaScript就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！