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

閱讀時間約 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。
15會員
111內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
發表第一個留言支持創作者!
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供