Hello，大家好，我是 Sunday。6hJ28資訊網——每日最新資訊28at.com

在 ES6 的規范中（2015年），ECMAScript 推出了 class 語法。6hJ28資訊網——每日最新資訊28at.com

class 本質上是對基于原型的繼承機制的一種語法糖，其目的是為了使定義和繼承對象更加簡潔和清晰。并且，這種語法在其他的語言（比如：java）中都有非常廣泛的應用。6hJ28資訊網——每日最新資訊28at.com

但是，不知道從什么時候開始，我們好像已經逐漸遺忘了 class，特別是在現在基于框架（Vue 或者 React）的項目中。6hJ28資訊網——每日最新資訊28at.com

那么到底是因為什么原因導致 class 逐漸沒落，目前 class 的應用場景又是什么呢？今天，咱們就來看一看這個問題。6hJ28資訊網——每日最新資訊28at.com

01：JS 的獨特特性

JavaScript 是一種動態、弱類型的語言，具有其獨特的特性：6hJ28資訊網——每日最新資訊28at.com

• 原型繼承：JS 的核心是基于原型的繼承機制，而不是傳統的類繼承。每個對象可以作為另一個對象的原型，從而實現屬性和方法的共享。
• 函數式編程：函數是 JS 中的一等公民。同時在 JS 中我們習慣了使用函數可以作為參數傳遞，也可以作為返回值。
• 靈活性：JS 是一種弱類型語言，變量可以在不同時間持有不同類型的值。這種動態特性使得語言更加靈活。同時對象的結構可以在運行時動態改變，屬性可以隨時添加、刪除或修改

這些特性使得 JavaScript 在很長一段時間內依賴于 構造函數和原型鏈 來實現面向對象編程，而不是類繼承。6hJ28資訊網——每日最新資訊28at.com

02：Vue 和 React 并不推崇使用 class

Vue 和 React 是目前兩個最受歡迎的框架，但是它們并不推崇使用 class 語法：6hJ28資訊網——每日最新資訊28at.com

Vue

• 選項式 API：Vue 2 采用的是選項式 API，我們通過定義對象的屬性（如 data、methods、computed 等）來構建組件，而不是通過類繼承。
• 組合式 API：Vue 3 引入了組合式 API（Composition API），提供了一種更靈活的方式來組織和復用邏輯，通過函數和鉤子的組合來管理狀態和生命周期方法，而不依賴于 class。

React

• 函數組件：React 從一開始就支持函數組件，隨著 React 16.8 引入 Hooks，函數組件變得更加強大和靈活，幾乎可以替代類組件的所有功能。所以，從 16.8 以后 React 不再推薦使用類組件。而專用函數是組件和 hooks
• Hooks：Hooks 提供了在函數組件中管理狀態和副作用的能力，例如 useState、useEffect、useContext 等，這些 hooks 目前是組件 react 項目的核心功能

基于此，我們可以在線，目前無論是 Vue 還是 React，都不在有使用 class 的場景。6hJ28資訊網——每日最新資訊28at.com

那么，目前 class 就已經完全沒有應用場景了嗎？也不是！6hJ28資訊網——每日最新資訊28at.com

03：class 的應用場景有什么？

盡管 class 在項目前端開發中逐漸減少使用，但它在一些特定場景中仍然有其獨特的應用價值：6hJ28資訊網——每日最新資訊28at.com

• 面向對象編程（OOP）：對于那些習慣于面向對象編程的開發者（特別是 java 轉前端的開發者），class 提供了一種更熟悉和直觀的方式來定義和繼承對象。它在一些大型、復雜的項目中，特別是需要嚴格的對象模型和繼承層次時，依然具有優勢。
• 工具庫和框架：在一些工具庫和框架中，class 仍然被廣泛使用。例如，很多 JavaScript 庫（如 Three.js、Vue.js 等）依然使用 class 來定義核心對象和模塊。
• 服務器端開發：在 Node.js 環境中，class 也經常被用來定義模塊和組件，特別是在使用 TypeScript 時

總結

針對 class 而言，雖然我們在日常的項目開發中很少有應用場景。但是在進行 庫（原生的 JS 或 TS） 開發時，class 依然具備獨特的優勢。6hJ28資訊網——每日最新資訊28at.com

6hJ28資訊網——每日最新資訊28at.com

本文鏈接：http://www.www897cc.com/showinfo-26-98860-0.html你有多久沒在 JS 中使用 class 了？

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： 阿里校招面試，我來瞅瞅怎么回事

下一篇： 業務側最好的朋友：微服務中的 BFF 架構