第 10 部分 JavaScript 課程從初學者到高級，共 10 篇博文

這是第 10 部分，也是 JavaScript 博客文章系列的最後一部分，它將帶您從初學者到高級。 事不宜遲，讓我們開始最後的教程。

JavaScript 課程 - 目錄：

1. 我們涵蓋的 JavaScript 主題
2. JavaScript 基礎知識和設置編碼環境
3. JavaScript 最佳實踐
4. 變量和常量
5. JavaScript 中的基本數據類型
6. 編程中的循環
7. 數組和函數
8. JavaScript 對象
9. JavaScript 中非常常見的概念
10. 然後去哪兒？

哇！ 你終於來了！ 大多數人並沒有追隨他們的激情並在僅僅幾個教程之後就放棄了他們所學的課程，只有當他們開始採取行動時才會出現這種情況！

我們涵蓋的 JavaScript 主題

在整個 JavaScript 課程中，我們從 JavaScript 的最基礎開始，然後逐步發展到非常高級的概念。

開始使用 JavaScript 的第一步是真正理解為什麼我們首先要學習 JavaScript。 您可能想要開始使用 JavaScript 的主要原因有多個，但 JavaScript 最突出的應用程序通常以一種或另一種方式出現在 Web 開發中。 JavaScript 最初只是一種前端語言，然後傳播到後端服務器，並開始在那裡佔據主導地位。

不管你為什麼要學習 JavaScript，再次快速瀏覽一下這個 JavaScript 課程可能是個好主意。

這樣你就可以看到你的進步，看到你真正理解的部分，這可能一開始嚇到了你，以及捕捉到你可能忽略或錯過的部分。

JavaScript 基礎知識和設置編碼環境

在了解了 JavaScript 為何如此受歡迎以及您實際上可以用它做什麼之後，我們從一些Hello world 開始！ 例子。 我們在 Google Chrome 中設置了編碼環境，並開始使用 JavaScript 控制台編寫一些代碼。 最初，我們編寫的代碼一開始非常簡單，我們編寫的每一行都有一個簡單的目的，沒有與其他行相互連接。 隨著我們代碼的複雜性開始增加，我們將編碼環境升級到 Google Chrome 控制台。 使用控制台，我們開始能夠輕鬆地編寫多行代碼，這些代碼在整個 JavaScript 課程中開始變得越來越複雜。

JavaScript 最佳實踐

在整個系列中，我們還結合了許多編碼最佳實踐。 這些最佳實踐讓您剛開始時的生活更輕鬆，甚至在您開始工作或與他人合作時變得更有價值。 正是出於這個原因，甚至還有一些標準和說法，比如“所有代碼都應該看起來像是一個人編寫的，不管有多少人合作過。” 這就是為什麼我們看到的第一個概念是註釋我們的代碼。 這樣做，不僅可以讓你在未來成為更好的程序員，還可以讓你在剛開始的時候擁有更好的編碼體驗。

變量和常量

接下來，我們已經看到我們可以將數據存儲在所謂的變量和常量中。 在決定為新數據選擇哪一個時，我們應該記住，如果我們預計不會更改數據，我們希望使用“const”關鍵字。 如果我們認為需要修改該值，則必須使用“let”關鍵字。 這些是當前的最佳實踐，但我們也看到在 ES6 之前，使用變量的唯一方法是使用“var”關鍵字聲明它。 在看到 var 關鍵字帶來的靈活性帶來的潛在問題之後，在 2015 年，隨著 ES6 標準的出現，編寫 JavaScript 的新的和現代的方式變成了使用“const”和“let”關鍵字。

JavaScript 中的基本數據類型

之後我們討論了 JavaScript 中的基本數據類型。 這裡的重點是要了解不同的數據類型擅長做不同的事情。 這就是為什麼了解我們正在使用的數據類型很重要的原因。 後來，我們看到通過使用if else語句，我們可以開始控制我們的代碼。 從這些開始，我們學會了部分忽略我們的代碼，以使其適應某些特定條件。 我們了解了可以用來更精確地控制代碼和數據的不同控制結構。 這樣，我們的代碼可以適應不同的輸入並提供更準確的答案。

編程中的循環

接下來，我們發現了編程中的循環。 我們看到，通過使用循環，我們可以開始避免在代碼中重複自己。 這基本上使我們能夠部分地開始乾燥。 這代表不要重複自己。

一般來說，我們不想編寫超出我們必須的代碼來完成任務。 因為每次我們編寫更多代碼時，我們都會在代碼中引入更多錯誤機會。 編寫更多代碼需要更多時間和精力，引入潛在錯誤，通常效率不高，因為現在您必須保存相同的代碼可能 10 次。 總體而言，它會顯著降低編碼體驗。 這就是為什麼從 while 循環和 for 循環開始，我們開始刪除可能重複的代碼。

數組和函數

我們還看到了 JavaScript 中的其他基本概念、主題和最佳實踐。 我們已經看到，數組非常擅長對相關數據進行分組，比如一年中的月份，我們需要存儲的一些相關數字等等。 接下來，我們看到函數真的很強大，我們可以使用函數來真正模塊化我們的代碼，並且有很多好處。 將我們的功能分組到不同的功能中的一些好處是我們創建了一個更加模塊化、相對容易測試的代碼。 我們也大大減少了重複自己的機會。

我們已經看到有兩種主要的功能。 其中一種是純函數，另一種是不純函數。 一般來說，我們應該盡可能地使用純函數而不是不純函數。 這樣，無論我們在哪裡運行代碼，或者何時運行代碼，我們編寫的純函數都將以相同的方式運行並給出相同的結果。

JavaScript 對象

接下來，我們看到了物體。 我們了解到，對象擅長存儲可以具有多個維度的高度關聯的數據。 我們從創建對象的最簡單方法開始，然後逐步為對象創建藍圖，然後從該藍圖創建多個對象。 使用這些藍圖可以確保對像中的字段遵循相同的準則並具有相同的字段。 通過這種方式，最終我們可以確定我們有一個更加統一的數據庫可供使用。 它還允許我們編寫顯著的 DRY 代碼。

JavaScript 中非常常見的概念

接下來，我們看到了 JavaScript 中非常常見的概念和主題。 其中絕大多數是基於進一步優化功能，一種或另一種方式。 通過使用 map 和 filter 方法，我們能夠跳過一些 for 循環和if語句。 使用箭頭函數，我們能夠大大減小函數的大小。 我們在這門 JavaScript 課程中看到了許多特性，包括 ES6 或 ES2015 引入的箭頭函數，這是 JavaScript 標準中最近最大的變化。

然後去哪兒？

根據您想要實現的目標，您可以採取不同的路線。 如果您只是想提醒自己 JavaScript 的基礎知識，因為您必須盡快使用它，希望本 JavaScript 課程為您提供全面的指南。 也許您已經擅長另一種語言，例如 Python，但您也想了解 JavaScript。 如果是這樣的話，我希望我能讓你相對容易地開始使用 JavaScript 語法和概念。 或者，也許您剛剛開始進行 Web 開發，並且您知道 JavaScript 非常流行。

無論哪種情況，我都希望這個 JavaScript 課程能給你一些價值。 如果您認識的朋友會覺得本系列對您有所幫助，請考慮與他們分享本系列的第一個教程，以便他們也可以開始他們的 JavaScript 之旅。

作者：羅伯特·惠特尼

JavaScript 專家和指導 IT 部門的講師。 他的主要目標是通過教其他人如何在編碼時有效合作來提高團隊生產力。

查看所有帖子

10 篇博文中從初級到高級的 JavaScript 課程：

1. 如何開始用 JavaScript 編碼？
2. JavaScript 基礎
3. JavaScript 中的變量和不同的數據類型
4. 片段和控制結構
5. While 循環和 for 循環
6. Java 數組
7. JavaScript 函數
8. JavaScript 對象
9. JavaScript 方法等
10. JavaScript 課程總結