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。
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
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、TypeScript 和
Thumbnail
如果你曾經撰寫過網頁,那你一定接觸過 JavaScript 無論是在 NodeJs 或是瀏覽器中運行。 但你有沒有想過,我們寫下的 JS 程式碼,這些看似單純的英文和符號,是如何被轉化為機器能夠理解和執行的程式呢? 今天,讓我們一起深入了解其中的核心主角 ——Google 開發的開源 Java
※ 函式基礎介紹: ※ JavaScript 特殊的函式特性: 函式可以當成值來傳遞 (可以放進變數或放進物件) 函式可以當成函式的參數 callback - 在特定事件中觸發函式 (非同步特性) ※ 函式的基本寫法: ※ 調用 (invoke) 函式: "調用" 意指呼叫或執行
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
※ JavaScript 來源: 國際標準化組織﹘ECMA推出的通行標準稱為 ECMAScript,目的是讓各家瀏覽器能根據 ECMAScript 標準來實作能在該瀏覽器運行的 JavaScript。簡單說ECMAscript 是語法標準的規格書,它描述了各種語言應該呈現的樣子、規則,以及細節。
Thumbnail
針對 JavaScript 中的原始型別和隱性轉型進行了詳細的探討
Thumbnail
學習JavaScript的理由有很多,包括容易學習的程式語言、互動式體驗、多功能性、跨平臺、社群和資源豐富、高市場需求。此外,文章提供了設計和前端教學的相關資源連結。文章中還提到了一些與學習JavaScript相關的教學文章和影音教學資源。
Thumbnail
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處,我是在看完 Youtube 上 CS50 的課程,才理解到在不同的程式語言中,會因為語言的特性而有不同的系統,JavaScript 就是偏向比較特別的那一種。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、TypeScript 和
Thumbnail
如果你曾經撰寫過網頁,那你一定接觸過 JavaScript 無論是在 NodeJs 或是瀏覽器中運行。 但你有沒有想過,我們寫下的 JS 程式碼,這些看似單純的英文和符號,是如何被轉化為機器能夠理解和執行的程式呢? 今天,讓我們一起深入了解其中的核心主角 ——Google 開發的開源 Java
※ 函式基礎介紹: ※ JavaScript 特殊的函式特性: 函式可以當成值來傳遞 (可以放進變數或放進物件) 函式可以當成函式的參數 callback - 在特定事件中觸發函式 (非同步特性) ※ 函式的基本寫法: ※ 調用 (invoke) 函式: "調用" 意指呼叫或執行
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
※ JavaScript 來源: 國際標準化組織﹘ECMA推出的通行標準稱為 ECMAScript,目的是讓各家瀏覽器能根據 ECMAScript 標準來實作能在該瀏覽器運行的 JavaScript。簡單說ECMAscript 是語法標準的規格書,它描述了各種語言應該呈現的樣子、規則,以及細節。
Thumbnail
針對 JavaScript 中的原始型別和隱性轉型進行了詳細的探討
Thumbnail
學習JavaScript的理由有很多,包括容易學習的程式語言、互動式體驗、多功能性、跨平臺、社群和資源豐富、高市場需求。此外,文章提供了設計和前端教學的相關資源連結。文章中還提到了一些與學習JavaScript相關的教學文章和影音教學資源。
Thumbnail
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處,我是在看完 Youtube 上 CS50 的課程,才理解到在不同的程式語言中,會因為語言的特性而有不同的系統,JavaScript 就是偏向比較特別的那一種。