tag ecmascript-6

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

@ecmascript-6 / 博客 RSS 訂閱

tianzhen 頭像

天真小兮兮 - 讓mocha支持ES6模塊

mocha是比較常用的node測試框架，但是隻支持commonjs模塊，要讓mocha支持ES6模塊，需要babel的幫助。 書寫本文時用到的工具版本為： babel v7 mocha v6.2 安裝依賴 $ npm i -D @babel/cli @babel/core @babel/preset-env @babel/register babel配置 在package.json或.ba

ecmascript-6 , mocha , 測試工具 , Javascript

收藏 評論

flydean 頭像

flydean - ECMAScript 2016(ES7)新特性簡介

簡介 自從ES6（ECMAScript 2015）在2015年發佈以來，ECMAScript以每年一個版本的速度持續向前發展。到現在已經是ECMAScript 2020了。 每個版本都有一些新的特性，今天本文將會講解ES7中帶來的新特性。 TC39和ECMAScript 先講一下ECMA的歷史，ECMA在於1960年4月27日成立的製造商協會，其目的是統一標準，方便在不同的製造商之間移植。於是這個

ecmascript-6 , es7 , ecmascript , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - 實現一個compose函數

純函數和柯里化很容易寫出洋葱代碼 h(g(f(x)))。洋葱代碼的嵌套問題使得我們的維護更加困難。這與我們選用函數式編程的開發初衷是相違背的，在這種情況下函數組合的概念就應運而生。 函數組合可以讓我們把細粒度的函數重新組合生成一個新的函數 下面這張圖表示程序中使用函數處理數據的過程，給 fn 函數輸入參數 a，返回結果 b。可以想想 a 數據通過一個管道得到了 b 數據。

ecmascript-6 , lodash

收藏 評論

flydean 頭像

flydean - ECMAScript 2018(ES9)新特性簡介

簡介 ES9是ECMA協會在2018年6月發行的一個版本，因為是ECMAScript的第九個版本，所以也稱為ES9. 今天我們講解一下ES9的新特性。 ES9引入了3大特性和2個小的特性，我們接下來一一講解。 異步遍歷 在ES6中，引入了同步iteration的概念，隨着ES8中的Async操作符的引用，在ES9中引入了異步遍歷的新特性Async iteration。 具體的內容可以參考我之前的文

es8 , ecmascript-6 , es7 , es10 , ecmascript

收藏 評論

bianchengsanmei 頭像

編程三昧 - ES6 中的 Symbol 是什麼？

前言 記得剛找工作那會，幾種數據類型是必問題，當時的答案一般都是七種——字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined），時至今日，某些網絡教程上還是這樣的分類： 其實，隨着 ECMAScript 的發展和完善，在 ES6(2015) 和 ES11(2020) 中，又分別增加了 Symbo

ecmascript-6 , 數據類型 , symbol , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - TypeScript系列：【6】模塊

導出 導出聲明 比如變量、函數、類、類型別名或接口等，例如： export interface DemoType { } 或者 export const demo: number = 10; 當然，別的聲明也可以，這裏就不一一舉例子了。如何記住？在聲明語句的開頭加一個export即可。 導出語句 有時候，我們可能需要先聲明，然後導出，可以使用類似下面的語句： class DemoClass {}

ecmascript-6 , module , export , import , typescript

收藏 評論

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

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

收藏 評論

darkcode 頭像

前端掃地僧 - 重磅!帶你從零實現一個axios網絡請求框架

我們知道，axios是前端一個非常優秀的對於網絡請求的框架，其特點主要是請求方便、功能多(如攔截器)、可擴展性強等。那麼作為一枚前端開發人員，瞭解並能夠使用axios其實是基礎，深入瞭解其實現原理才是比較重要的，當然，如果能徒手擼一個axios類似的框架出來，那就是相當的不錯了。 這篇文章會從以下幾個大的點來實現一個axios框架： axios的本質是什麼？ axios默認值、參數的實現

ecmascript-6 , xmlhttprequest , Axios , webpack

收藏 評論

yangge_5c6804373b5a0 頭像

陽哥 - JS所有函數的call和apply的實現

//apply用法 function A(alpha,age){ this.name = 'bob'; alert(alpha + arguments[1] + this.name) } (function(){ A.apply(this,['a',25]) })

call , ecmascript-6 , apply , es7 , oop

收藏 評論

invalidnull 頭像

註銷 - JavaScript 函數 window.matchMedia 的用途

以下是window.matchMedia()函數的基本語法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一個字符串，表示要檢查的媒體查詢條件。例如，要檢查當前設備的屏幕寬度是否小於某個值，可以使用以下代碼： var mediaQueryList = window.matchMedia(

ecmascript-6 , sap , javascript正則 , 前端 , Javascript

收藏 評論

guoguo_623d4e7c1373e 頭像

果果 - Java併發編程：synchronized

雖然多線程編程極大地提高了效率，但是也會帶來一定的隱患。比如説兩個線程同時往一個數據庫表中插入不重複的數據，就可能會導致數據庫中插入了相同的數據。今天我們就來一起討論下線程安全問題，以及Java中提供了什麼機制來解決線程安全問題。 　　以下是本文的目錄大綱： 　　一.什麼時候會出現線程安全問題？ 　　二.如何解決線程安全問題？ 　　三.synchronized同步方法或者同步塊 　　若有不正之處，

vue.js , ecmascript-6 , coffeescript , bootstrap , Javascript

收藏 評論

honglingjin_5d021c3150b96 頭像

紅領巾 - 函數式編程之柯里化

curry柯里化 首先我們先來看一個問題，如果實現一個add函數，可實現下面的功能 add(1,2,3) // 6 add(1)(2)(3) // 6 add(1,2)(3) // 6 add(1,2,3,4)(5)(6,7) // 28 當然了，所需要用到的知識點便是柯里化。 首先看下柯里化定義： 用於緩存函數參數的一種方式；給函數分步傳遞參數，每次傳遞部分參數，並返回一個更具體的函數接收

函數式編程 , ecmascript-6 , currying , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 原來ES7~12分別增加了這些屬性呀

ES6也稱為ES2015，於2015年發佈，此後每年都有新增一些屬性，分別命名為ES7~12，發佈的年份分別對應2016年到2021年 ES7 includes方法 數組中新增了includes方法，用來判斷數組中是否存在某一元素，在此之前進行這樣的判斷是使用indexOf判斷下標值，小於0時則代表不存在。 const list = ['alice', 'kiki', 'macus'] cons

ecmascript-6 , es7 , ecmascript , 前端 , 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

收藏 評論

lawler61 頭像

lawler61 - Generator 協程工作原理

原文地址：regenerator 搜了一圈，關於 Generator 基本都是在講用法，但很少提及到其工作原理，也就是“協程”。但又因為這東西我們直接或間接的每天都在使用，於是準備專門寫一篇文章來講講這個 JS 回調史 一、Callback ES5 及更早時期，寫回調基本都是 callback，回調地獄就不説了，離它遠點 二、Promise Promise 通過鏈式調用，優化了回調的書寫

ecmascript-6 , generator , 前端 , Javascript

收藏 評論

wilddogsf 頭像

野狗 - 寫了十年JS卻不知道模塊化為何物？

作者：肖光宇 野狗科技聯合創始人，先後在貓撲、百度、搜狗任職，愛折騰的前端工程師。 野狗官博：https://blog.wilddog.com/ 野狗官網：https://www.wilddog.com/ 公眾訂閲號：wilddogbaas 轉載請保留以上信息。 模塊化這個問題並非一開始就存在，WWW剛剛問世的時候，html，JavaScrip

野狗 , ecmascript-6 , 模塊化 , 前端 , Javascript

收藏 評論

xiaoyezi_5a6aa2e2e11f8 頭像

小葉子 - 【面試系列】LazyMan的ES6實現

最近某次筆試看到了一個比較有意思的LazyMan問題，基於自己的一些基礎做了一些解答，回來結合了一些相關資料，自己重新代碼實現了一遍。 問題描述 實現一個LazyMan，可以按照以下方式調用: LazyMan(“Hank”)輸出: Hi! This is Hank!   LazyMan(“Hank”).sleep(10).eat(“dinner”)輸出 Hi! This is Hank! //等待

ecmascript-6 , qianduan , 面試 , 筆試 , Javascript

收藏 評論

okfine 頭像

okfine - 蘋果IOS解析ISO8601格式的日期(結尾帶不帶Z)導致時區不對的問題

ISO8601格式下，結尾不帶Z的日期，應為當前時區的時間，但蘋果IOS下瀏覽器new Date()時解析有bug，把它解析為了UTC時間，導致在中國相差8小時。 比如： 2022-09-19T13:00:00 對應 Mon Sep 19 2022 13:00:00 GMT+0800 (中國標準時間) 2022-09-19T13:00:00Z 對應 Mon Sep 19 2022

ecmascript-6 , date , iso8601 , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - TypeScript系列：【3】類

基礎説明 先來看個例子： class Person { name: string; constructor(name: string) { this.name = name; } say() { return "你好，我是" + this.name; } } 這樣，我們就定義了一個類，包含一個屬性用於保存名稱，一個構造器用於創

ecmascript-6 , extend , object , class , typescript

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - ES6新增語法(一)——let、const、var的區別

ES6簡介 ES6是ECMAScript 6.0的簡稱，是javascript語言的下一代標準，已經在2015年6月正式發佈上線。目的就是為了統一javascript的語法標準，可以用來開發大型應用程序，稱為企業級開發語言。 ES6與JavaScript的關係: ES6是JavaScript的規範標準，JavaScript是ES6的一種實現。 變量/賦值 塊級作用域{} ES5中作用域

ecmascript-6 , ecmascript , 變量 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - 前後端未分離項目檢視ES6和Web API兼容性方案

背景 近半年，已產生幾起FreeMarker項目(後面統一簡稱FM項目)在IE瀏覽器或者360瀏覽器兼容模式環境下下因使用 ES6+ 高級語法特性而運行出錯的線上問題，導致業務流程無法執行下去。雖然一直在強調開發同學在做FM項目的需求時不要使用ES6，但是口頭上的的團隊公約約束性不強，加上開發同學早已習慣性使用ES6，使之問題層出不窮，另外，還有些Web Apis和樣式在IE上存在兼容性問題（比如

ecmascript-6 , 前後端分離 , 兼容性 , eslint , babel

收藏 評論

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

收藏 評論