tag ecmascript-6

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

@ecmascript-6 / 博客 RSS 訂閱

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - TypeScript系列：【4】接口

接口就是定義一個類型，比如一個json數據或一個函數等，描述其具體的結構就可以使用接口來規範。 基礎説明 先來看個例子： interface MyDataType { name: string, age: number } 我們定義了一個json的數據格式，可以且只可以包含值是字符串的name屬性和值是數字的age屬性，下面是一個正確的例子： let myData: MyDataT

ecmascript-6 , interface , class , typescript

收藏 評論

godbmw 頭像

xintan - 一文説清「VirtualDOM」的含義與實現

專注前端與算法的系列乾貨分享，歡迎關注(¬‿¬)： 「微信公眾號：心譚博客」| xin-tan.com | GitHub 摘要 隨着 React 的興起，Virtual DOM 的原理和實現也開始出現在各大廠面試和社區的文章中。其實這種做法早在 d3.js 中就有實現，是 react 生態的快速建立讓它正式進入了廣大開發者的視角。 在正式開始前，拋出幾個問題來引導思路，這些問題也會在不

react , ecmascript-6 , 算法 , virtual-dom , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 通過Proxy和Reflect實現vue的響應式原理

vue3通過Proxy+Reflect實現響應式，vue2通過defineProperty來實現 Proxy Proxy是什麼 Proxy是ES6中增加的類，表示代理。 如果我們想要監聽對象的操作過程，可以先創建一個代理對象，之後所有對於對象的操作，都由代理對象來完成，代理對象可以監聽到我們對於原對象進行了哪些操作。 Proxy怎麼使用 Proxy是一個類，通過new關鍵字創建對象，傳入原對

vue.js , ecmascript-6 , 響應式 , 前端 , Javascript

收藏 評論

bill_5bac65cc7963b 頭像

Bill - 前端模塊化CommonJs、AMD、CMD、ES

CommonJs、ADM、CMD 什麼是模塊 將一個複雜的程序依據一定的規則(規範)封裝成幾個塊(文件), 並進行組合在一起 塊的內部數據與實現是私有的(閉包/封裝), 只是向外部暴露一些接口(方法)與外部其它模塊通信 模塊化的進化過程 全局function模式 : 將不同的功能封裝成不同的全局函數 代碼: 將不同的功能封裝成不同的全局函數 問題: 污染全局命名

ecmascript-6 , cmd , amd , commonjs , Javascript

收藏 評論

sucre_199782 頭像

洋仔 - 數組並集/交集/差集

underscore 官網 _.union([2,1,2]); // [2,1] lodash 官網 _.uniq([2,1,2]); [2,1] 不產生新數組 使用indexOf判斷和splice刪除。 const removeDuplicates = (nums) = { let len = nums.length - 1 for(let i = len; i=0; i--

ecmascript-6 , es5 , underscore , 前端 , Javascript

收藏 評論

lizeze 頭像

xx小枱燈 - 使用babel把es6語法轉換成es5

Babel 是什麼 Babel 是一個工具鏈，主要用於將 ECMAScript 2015+ 版本的代碼轉換為向後兼容的 JavaScript 語法，以便能夠運行在當前和舊版本的瀏覽器或其他環境中。 Babel能用在哪裏 NodeJs 使用 npm 初始化項目 $ mkdir es6-to-es5 $ npm init -y 安裝Babel $ npm install --save-dev @ba

ecmascript-6 , node.js , babel7 , es5 , Javascript

收藏 評論

huolang_5a14e07d2f2ff 頭像

火狼 - JS開發必須知道的41個技巧【持續更新】

前言 JS是前端的核心，但有些使用技巧你還不一定知道； 本文梳理了JS的41個技巧，幫助大家提高JS的使用技巧； 文章有點長，可以clone下源碼，直接擼，源碼地址請戳全部源碼，原創不易，歡迎star； 序列文章： Vue 開發必須知道的 36 個技巧 React 開發必須知道的 34 個技巧 Array 1.數組交集 普通數組 const arr1 = [1, 2

vue.js , ecmascript-6 , 技巧 , es5 , Javascript

收藏 評論

sugar_coffee 頭像

sugar_coffee - es5/es6中新增的方法

ES5中的新增方法 ES5 中給我們新增了一些方法，可以很方便的操作數組或者字符串，這些方法主要包括： 數組方法 字符串方法 對象方法 1.1 數組方法 迭代(遍歷)方法：forEach()、map()、filter()、some()、every()； array.forEach(function(currentValue, index, arr)) 讓數組中每個元素都執行一次 fn

ecmascript-6 , es5 , 前端 , Javascript

收藏 評論

huolang_5a14e07d2f2ff 頭像

火狼 - ES5和ES6函數你不知道的區別【面試篇】

前言 JS 中函數是高等公民,但是function 和 class 的區別你真的清楚嘛? 本文從PolyFill 實現,再到性能分析,再複習哈基礎篇的使用; 另外深圳前端求坑，有坑的大佬麻煩內推一下。 1. PolyFill 1.利用原生 js 擼一個簡單的 class; 2.根據上面的用法知道 class 必須通過 new 調用,不能直接調用; // 阻止直接()調用,

react , vue.js , ecmascript-6 , es5 , Javascript

收藏 評論

sunhengzhe 頭像

時間被海綿吃了 - 使用gulp 進行ES6開發

一説起ES6，總會順帶看到webpack、babel、browserify還有一些認都不認識的blabla名詞，對於gulp才會一點點的我來説，內心簡直是崩潰的，上網查了一些文章，探索着用gulp搭起一個ES6的開發模式，總之先一邊學ES6一邊寫吧。。然後再讓這個流程更加。。高級。 開始 ES6有很多新特性讓人忍不住想去嘗試，然而各種瀏覽器的支持程度還不足以讓我們直接在瀏覽器上執行ES6的

browserify , ecmascript-6 , gulp-babel , Javascript

收藏 評論

invalidnull 頭像

註銷 - 嵌入 WebAssembly 運行時和實例化 WebAssembly 模塊的幾大要素

下面這段代碼忽略了錯誤處理機制，介紹瞭如何在 Go 語言開發的宿主程序中嵌入 WebAssembly. func createWasmVM(code []byte) { engine := wasmtime.NewEngine() module, _ := wasmtime.NewModule(engine, code) store := wasmtime.NewStore

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

收藏 評論

ipromise 頭像

ipromise - 深入前端-JavaScript異步編程

JavaScript的執行機制在上篇文章中進行了深入的探討，那麼既然是一門單線程語言，如何進行良好體驗的異步編程呢 回調函數Callbacks 當程序跑起來時，一般情況下，應用程序（application program）會時常通過API調用庫裏所預先備好的函數。但是有些庫函數（library function）卻要求應用先傳給它一個函數，好在合適的時候調用，以完成目標任務。這個被傳入的、後

ecmascript-6 , promise , async , yield , Javascript

收藏 評論

laoliudahuaqianduan 頭像

老劉大話前端 - js模塊化

一. 什麼是模塊化 模塊化是一種將系統分離成獨立功能部分的方法，可將系統分割成獨立的功能部分，嚴格定義模塊接口、模塊間具有透明性。 js中的模塊化方法，大致分為以下幾個：commonJS, amd, cmd, umd, esModule。下面我們來逐個擊破。 二. CommonJS commonjs規範為js提供一個美好的願景-希望js能夠在任何地方都去運行。它的定義也十分簡單，主要分為：模塊引用

ecmascript-6 , module , 模塊化 , webpack , Javascript

收藏 評論

xiaomingtongxue_60853f460dd25 頭像

小明同學 - commonJS 和 ES6 模塊的區別

commonJS 和 ES6 模塊的區別 CommonJS 輸出的模塊是一個值的拷貝，ES模塊輸出的是一個模塊的引用； CommonJS 模塊輸出的是值的拷貝，一旦輸出之後，無論模塊內部怎麼變化，都無法影響之前的引用， commonJS 會緩存加載的模塊，後面直接從緩存裏面取值； ESModule import一個模塊後生成一個引用鏈接，在腳本真正執行時才會根據這個引用鏈接去模塊裏面取值

ecmascript-6 , module , webpack , 前端 , Javascript

收藏 評論

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

收藏 評論

qianduanka 頭像

前端咖 - Class類，你真的瞭解嗎

定義 類class是面向對象程序設計實現信息封裝的基礎。類是一種用户定義的引用數據類型，也稱類類型。每個類包含數據説明和一組操作數據或傳遞信息的函數。類的實例稱為對象。 構成 類由類名、構造函數、屬性、方法組成。屬性、方法屬於成員，可以分為公共成員，保護成員、私有成員。 定義類 聲明一個僅有類名的類。 classYear{ constructor(){ } } //簡寫 classYear{ }

ecmascript-6 , 面試 , function , class , 前端

收藏 評論

aqiongbei 頭像

aqiongbei - 如何理解fn1.call.call(fn2)的結果

問題復現 有這麼一道題： function fn1(){ console.log(`fn1 ${this}`) } function fn2(){ console.log(`fn2 ${this}`) } fn1.call(fn2);// fn1 function fn2(){console.log(`fn2 ${this}`)} fn1.call.call(fn2);//

call , ecmascript-6 , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

收藏 評論

gqkmiss 頭像

月恆 - ES 2024 新特性

ECMAScript 2024 新特性 ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a new RegExp /v flag for creating RegExps with more a

ecmascript-6 , promise , object , 前端 , Javascript

收藏 評論

yaoye_5ce75fc6cd11b 頭像

搖曳 - JS循環彙總

const arr = [1, 2, 3]; // for循環: 能夠使用break, continue, return控制循環; 通過下標間接訪問元素 for (let index = 0; index arr.length; index++) { const element = arr[index]; console.log(element); } // forEach:

ecmascript-6 , 循環 , 遍歷 , Javascript

收藏 評論

joe_sky 頭像

joe_sky - 基於 Gulp + Browserify 構建 ES6 環境下的自動化前端項目

隨着React、Angular2、Redux等前沿的前端框架越來越流行，使用webpack、gulp等工具構建前端自動化項目也隨之變得越來越重要。鑑於目前業界普遍更流行使用webpack來構建es6(ECMAScript 2015)前端項目，網上的相關教程也比較多；相對來説使用gulp來構建es6項目的中文教程就比較少。 經過一段時間的摸索，我覺得其實使用gulp也可以很方便地構建es6項目。以下

gulp , browserify , ecmascript-6 , node.js , Javascript

收藏 評論

flydean 頭像

flydean - ES9的新特性:異步遍歷Async iteration

簡介 在ES6中，引入了同步iteration的概念，隨着ES8中的Async操作符的引用，是不是可以在一異步操作中進行遍歷操作呢？ 今天要給大家講一講ES9中的異步遍歷的新特性Async iteration。 異步遍歷 在講解異步遍歷之前，我們先回想一下ES6中的同步遍歷。 根據ES6的定義，iteration主要由三部分組成： Iterable 先看下Iterable的定義： inter

es8 , ecmascript-6 , es7 , es10 , Javascript

收藏 評論

lio_zero 頭像

lio_zero - 如何在 JavaScript 中判斷一個對象是否為空？

本文已整理到 Github，地址 👉blog。 如果我的內容幫助到了您，歡迎點個Star🎉🎉🎉 鼓勵鼓勵 :) ~~ 我希望我的內容可以幫助你。現在我專注於前端領域，但我也將分享我在有限的時間內看到和感受到的東西。 我們想要判斷對象是否為空，像基本類型那樣比較是不可以的 const obj = {} console.log(obj === {}) // false 可以看到，兩個都是空對

ecmascript-6 , object , 對象 , 前端 , Javascript

收藏 評論