Javascript入門-Day1:語言介紹、觸及的領域、誰在使用

更新於 2024/05/26閱讀時間約 4 分鐘

語言的特性

JavaScript 是一種高級、解釋型的腳本語言,具有以下特性:

  1. 動態型別:變量在運行時可以更改其類型。
  2. 弱型別:可以自動或強制進行不同類型之間的轉換。
  3. 原型繼承:與基於類的繼承不同,JavaScript 使用原型鏈來繼承屬性和方法。
  4. 事件驅動:廣泛用於處理事件,如用戶輸入、計時器或網絡請求。
  5. 非阻塞 I/O:尤其在 Node.js 中,利用事件迴圈進行非阻塞的 I/O 操作,使其非常適合 I/O 密集型應用。
  6. 函數是一等公民:函數可以作為變量傳遞,並可以作為其他函數的參數或返回值。

觸及的領域

JavaScript 的應用範圍非常廣泛,主要包括:

  1. 前端開發:JavaScript 是網頁開發的核心技術之一,與 HTML 和 CSS 並用,用於創建互動式網頁。
  2. 後端開發:使用 Node.js,JavaScript 可以在服務器端運行,支持建立高性能的網絡服務。
  3. 行動應用:框架如 React Native、Ionic 可以用 JavaScript 開發跨平台行動應用。
  4. 桌面應用:使用 Electron 等技術,可以用 JavaScript 構建跨平台的桌面應用。
  5. 遊戲開發:有些遊戲引擎如 Phaser 可以用 JavaScript 開發 2D 遊戲。
  6. 物聯網(IoT):JavaScript 也可用於控制物聯網設備,框架如 Johnny-Five 提供了相關支持。

誰在使用

JavaScript 被廣泛應用於各種規模和類型的公司,包括但不限於:

  1. 科技巨頭:Google、Facebook、Microsoft、Amazon 都在其產品中廣泛使用 JavaScript。
  2. 初創公司:由於其開發速度快、學習曲線低,許多初創公司選擇 JavaScript 作為其技術堆棧的一部分。
  3. 開源社區:大量開源項目使用 JavaScript,包括一些著名的庫和框架如 React、Vue、Angular 等。

Javascript的其他知識

了解 JavaScript 還需要掌握以下知識:

  1. ECMAScript 標準:JavaScript 是基於 ECMAScript 標準的,了解最新的 ECMAScript 規範可以幫助你掌握新特性。
  2. 異步編程:了解 Promise、async/await 以及事件循環是掌握 JavaScript 的關鍵。
  3. 模塊系統:ES6 引入了模塊系統,熟悉 import/export 是現代 JavaScript 開發的必備技能。
  4. 瀏覽器 API:如 DOM 操作、Fetch API、LocalStorage 等。
  5. 工具鏈:如 Babel(轉譯器)、Webpack(打包工具)、ESLint(代碼檢查)等。

學習渠道

以下是一些學習 JavaScript 的學習渠道:

  1. MDN Web Docs:由 Mozilla 提供的詳細文檔和教程,是學習 JavaScript 和網頁開發的權威資源:初次接觸Javascript - 學習該如何開發 Web | MDN (mozilla.org)
  2. W3Schools:JavaScript Tutorial (w3schools.com)
  3. 菜鳥教程:https://www.runoob.com/js/js-tutorial.html

常見的庫與框架

以下是一些常見且受歡迎的 JavaScript 庫和框架:

  1. 前端框架
    • React:由 Facebook 開發的 UI 庫,用於構建用戶界面。
    • Vue:一個漸進式框架,用於構建用戶界面,易於上手。
    • Angular:由 Google 開發的前端框架,用於構建動態網頁應用。
  2. 後端框架
    • Express:一個快速、開源且靈活的 Node.js Web 應用框架。
    • Koa:由 Express 團隊創建的下一代 Web 框架。
    • NestJS:一個用於構建高效、可擴展 Node.js 服務端應用的框架,基於 TypeScript。
  3. 工具庫
    • Lodash:一個現代 JavaScript 實用工具庫,提供一致性、模塊化和性能的幫助。
    • Moment.js:用於解析、驗證、操作和顯示日期和時間的庫(現在建議用 day.js 或 date-fns 代替)。
    • Axios:一個基於 Promise 的 HTTP 客戶端,用於瀏覽器和 Node.js。
avatar-img
15會員
111內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Michael楊 的其他內容
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。
本章節介紹C#的「例外處理」,包括使用try-catch語法處理錯誤,finally關鍵字的使用,以及如何主動引發和自定義異常。
本章節的目的是讓讀者瞭解C#的物件導向特性,包括類別、繼承、多型、封裝等基本概念,以及介面、抽象類別、靜態類別等進階主題。此外,本章節也將介紹如何使用列舉、委派、Lambda表達式、泛型及反射,這些都是C#中常見的強大功能。
本章節旨在介紹 C# 中函數的基本結構,包括訪問修飾符、返回類型、方法名稱、參數列表和方法體。同時,也介紹了函數的各種呼叫方式、參數傳遞方式和返回值類型。讀者可以通過本章節,深入理解 C# 中函數的使用和應用。
本文是C#入門教程的一部分,涵蓋了流程控制的各種語句與迴圈。這包括if、else if和else語句,三元運算子,switch語句,以及for、foreach和while迴圈。文中還介紹了如何在迴圈中使用break、continue、return和goto語句。
C#中的運算符包括算術運算子(如加法、減法、乘法等)、比較運算子(如等於、不等於、大於等)、賦值運算子(如賦值、加並賦值等)、邏輯運算子(如與、或、非等)和位元運算子(如按位與、按位或等)。這些運算符有不同的優先等級,例如括號的優先等級最高,其次是次方、乘、除、餘數等。
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。
本章節介紹C#的「例外處理」,包括使用try-catch語法處理錯誤,finally關鍵字的使用,以及如何主動引發和自定義異常。
本章節的目的是讓讀者瞭解C#的物件導向特性,包括類別、繼承、多型、封裝等基本概念,以及介面、抽象類別、靜態類別等進階主題。此外,本章節也將介紹如何使用列舉、委派、Lambda表達式、泛型及反射,這些都是C#中常見的強大功能。
本章節旨在介紹 C# 中函數的基本結構,包括訪問修飾符、返回類型、方法名稱、參數列表和方法體。同時,也介紹了函數的各種呼叫方式、參數傳遞方式和返回值類型。讀者可以通過本章節,深入理解 C# 中函數的使用和應用。
本文是C#入門教程的一部分,涵蓋了流程控制的各種語句與迴圈。這包括if、else if和else語句,三元運算子,switch語句,以及for、foreach和while迴圈。文中還介紹了如何在迴圈中使用break、continue、return和goto語句。
C#中的運算符包括算術運算子(如加法、減法、乘法等)、比較運算子(如等於、不等於、大於等)、賦值運算子(如賦值、加並賦值等)、邏輯運算子(如與、或、非等)和位元運算子(如按位與、按位或等)。這些運算符有不同的優先等級,例如括號的優先等級最高,其次是次方、乘、除、餘數等。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供