tag ecmascript-6

標籤
貢獻66
124
08:59 AM · Nov 03 ,2025
daoshanghundesijidou 頭像 minnanitkong 頭像 invalidnull 頭像 jrue 頭像 icecreamlj 頭像 zxl20070701 頭像 chongdongdedaxiongmao_kxfei 頭像 flydean 頭像 gqkmiss 頭像 heath_learning 頭像 user_ze46ouik 頭像 lewyon 頭像

@ecmascript-6 / 博客 RSS 訂閱

jrue 頭像

前端小菜 - js解析url的三種方法

js解析url，將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1，split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

收藏 評論

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

nqbefgvs 頭像

nqbefgvs - es6的繼承原理

javascript有八種類型的數據，其中沒有function，是因為function被object這個大類包含了。也就是説，所有函數都是object。 當我們自己聲明瞭一個類，我們拿到的引用是一個函數的引用，它默認繼承於內置的Object對象，但是由於javascript最頂層的父級（Object和Function）設計有點亂，並且不具有普適性，在這裏我們用兩個普通的類來演示繼承的實現。 將子類

ecmascript-6 , new , es5 , 原型鏈 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - ES6之清楚明白的使用類（class）

定義 類是構造函數、原型鏈的語法糖。 定義類有兩種方式 class Student { } var Student = class { } 某些瀏覽器可能無法解析es6及以上的語法，這時候需要通過babel將代碼解析成瀏覽器可識別的語法，定義類的語法通過babel編譯之後就是通過function定義的構造函數。 類和構造函數是一樣的，通過new關鍵字創建，具有prototype屬性 class

ecmascript-6 , 構造函數 , 繼承 , class , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 這可能是思否講「原型鏈」，講的最好最通俗易懂的了，附練習題！

前言 大家好，我是林三心，相信大家都聽過前端的三座大山：閉包，原型鏈，作用域，這三個其實都只是算基礎。而我一直覺得基礎是進階的前提，所以不能因為是基礎就忽視他們。今天我就以我的方式講講原型鏈吧，希望大家能牢固地掌握原型鏈知識 很多文章一上來就扔這個圖，但是我不喜歡這樣，我覺得這樣對基礎不好的同學很不好，我喜歡帶領大家去從零實現這個圖，在實現的過程中，不斷地掌握原型鏈的所有知識！！！來吧！！！跟着我

ecmascript-6 , 面試 , 原型鏈 , 前端 , Javascript

收藏 評論

linlinma 頭像

安歌 - 詳解JS的繼承（三）-- 圖解Es6的Extend

前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造

ecmascript-6 , extend , 繼承 , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - 根據webpack打包規則，實現簡單的打包手寫實現

首先導入導出分為幾類 CommonJS導入CommonJS EsModule導入CommonJS EsModule導入EsModule 根據實現規則，簡單代碼樣例 // index.js // import log,{age} from "./log.js" // // let log = require('./log.js') // console.log('index.js內容')

ecmascript-6 , commonjs , webpack4

收藏 評論

juwairen_59422060e07ce 頭像

局外人 - 深入淺出 ESM 模塊 和 CommonJS 模塊

阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異： CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載，ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異，會產生諸多疑問： 為什麼 CommonJS 模塊輸出的是一個值的拷貝？其具體細節是什麼樣子的？ 什麼叫 運行時加載? 什麼

ecmascript-6 , node.js , commonjs , 前端 , Javascript

收藏 評論

jrue 頭像

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

收藏 評論

jrue 頭像

前端小菜 - JS如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

收藏 評論

jrue 頭像

前端小菜 - js合併數組的方法

1，方法一 concat() 實例：arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - javaScript深拷貝和淺拷貝簡單梳理

在瞭解深拷貝和淺拷貝之前，我們先梳理一下： JavaScript中，分為基本數據類型（原始值）和複雜類型（對象），同時它們各自的數據類型細分下又有好幾種數據類型 基本數據類型 數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 基本數據類型在內存當中，是存儲在棧Stack 在數據結構當中 棧在內存上的分配的空間生命週期很短，當變

ecmascript-6 , ecmascript , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - 使用 React Query 時還需要 Redux 嗎？| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展，狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫，為開發者提供了可預測的狀態容器和強大的生態系統。然而，隨着React Query等新興工具的出現，開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - 深度解析javaScript常見數據類型檢查校驗

前言 在JavaScript中，數據類型分為兩大類，一種是基礎數據類型，另一種則是複雜數據類型，又叫引用數據類型 基礎數據類型：數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 引用數據類型：日期Dete，對象Object，數組Array,方法Function, 正則regex,帶鍵的集合：Maps, Sets, WeakM

ecmascript-6 , ecmascript , 前端 , Javascript

收藏 評論

i_62f4ad94a52ca 頭像

用户bPc1FjG - 【Java】this、super關鍵字，代碼塊介紹

文章目錄 一. this引用 1. this引用的介紹 this引用是成員方法的參數之一，不需要用户傳遞實現，由編譯器自動完成，也就是説，這個參數用户是看不到的，但用户可使用這個參數。 this引用指向當前對象(成員方法運行時調用該成員方法的對象)，在成員方法中所有成員變量的操作，都是通過該引用去訪問。 只不過所有的操作對用户是透明的，即用户不需要來傳遞，編譯器自動完成。 this 引用的

ecmascript-6 , supervisor , this , JAVA , 前端

收藏 評論

gupan 頭像

早飯君 - async await實際用法

async handleSubmit() { await this.handleSubmitReport() // 1 await this.handleSubmitEdit() // 2 this.showSuccess = true // 3 this.showSuccessText = '你已成功提交檢查結果！'

ecmascript-6 , async-await , async

收藏 評論

risejl 頭像

Mitchell_C - JavaScript 面向對象編程

面向對象編程 Object Oriented Programming 面向對象編程用對象把數據和方法聚合起來。 面向對象編程的優點 能寫出模塊化的代碼 能使得代碼更靈活 能提高代碼的可重用性 面向對象編程的原則 繼承(inheritance)：子類/派生類從父類/基類/超類中派生，形成繼承結構 封裝(encapsulation)：代碼的實現對用户不可見，例如調用 toUpperCa

ecmascript-6 , oop , Javascript

收藏 評論

invalidnull 頭像

註銷 - 關於 PWA url 參數 ngsw-bypass=true

"ngsw-bypass-true" 這個參數是與 Angular Service Worker (ngsw) 相關的一個選項，用於控制在 Service Worker 中是否繞過緩存，直接請求網絡資源。在 Angular 應用中，Service Worker 主要負責緩存應用的靜態資源，以提高應用的性能和用户體驗。 首先，讓我們瞭解一下 Angular Service Worker 的基本概念。

ecmascript-6 , pwa , typescript , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - PWA 架構下文件 hash 的重要作用介紹

在PWA（Progressive Web App）體系架構下，文件 hash 起着非常關鍵的作用，它主要用於緩存管理、版本控制以及確保 Web 應用程序的可靠性。在前端開發中，文件 hash 是文件的唯一標識符，通常是文件內容的哈希值，例如 MD5 或 SHA-256。以下是文件 hash 在 PWA 中的幾個關鍵作用： 1. 緩存管理： 文件 hash 在 PWA 中用於實現緩存策略，確保在更新

ecmascript-6 , pwa , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 關於 serve-static 的 index.d.ts 報錯的問題分析

理解這條日誌的含義，需要我們深入分析其組成部分和背後可能的原因。這條日誌信息顯然指向了一個 Node.js 項目中的一個具體錯誤，其指出了錯誤發生的文件路徑和具體位置。接下來，我將逐步解析這條日誌信息的各個方面，並解釋可能的原因和解決方法，同時遵守你的要求，使解析過程既詳細又不顯得機械。 日誌信息解析 2024-01-01 05:08:15,120 INFO d.h.c.h.PrintOutput

react , ecmascript-6 , angular , ssr , 前端

收藏 評論

chenqiwen 頭像

陳其文 - 如何禁止async編譯成generator？

這是很小的一件事。 但是我花了至少兩個小時的時間。 起因是這樣的： 我需要一個異步函數的原型 const AsyncFunction = Object.getPrototypeOf(async function(){}).constructor 這個原型是用來生成 new AsyncFunction(str)的。 運行環境下，一點問題都沒有。 但是打包出來，總是報錯。 因為new AsyncFun

ecmascript-6 , async-await , vite , generator , build

收藏 評論

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

收藏 評論

gqkmiss 頭像

月恆 - JS 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的區別

JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的異同點 一、什麼是 structuredClone？ 1. structuredClone 的發展 structuredClone 是在 ECMAScript 2021（ES12）標準中引入的，ECMAScript 2021 規範正式發佈於 2021 年 6 月 自 2

ecmascript-6 , clone , 前端 , Javascript

收藏 評論

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論