core js下載 - core js源碼下載

我強烈推薦閱讀這篇文章：那麼，下一步是什麼？

JavaScript 的模組化標準函式庫。包括截至 2024 年的 ECMAScript 填充：承諾、符號、集合、迭代器、類型化數組、許多其他功能、ECMAScript 提案、一些跨平台 WHATWG / W3C 功能和URL等提案。您可以僅加載所需的功能或在沒有全域名稱空間污染的情況下使用它。

如果您正在尋找已過時的core-js@2的文檔，請檢查此分支。

core-js@3、babel 和對未來的展望

籌集資金

core-js沒有公司支持，所以這個專案的未來取決於你。如果您對core-js感興趣，請成為贊助商或支持者： Open Collective 、 Patreon 、 Boosty 、 Bitcoin (bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz) 、 Alipay 。

使用範例：

 import 'core-js/actual' ;

Promise . resolve ( 42 ) . then ( it => console . log ( it ) ) ; // => 42

Array . from ( new Set ( [ 1 , 2 , 3 ] ) . union ( new Set ( [ 3 , 4 , 5 ] ) ) ) ; // => [1, 2, 3, 4, 5]

[ 1 , 2 ] . flatMap ( it => [ it , it ] ) ; // => [1, 1, 2, 2]

( function * ( i ) { while ( true ) yield i ++ ; } ) ( 1 )
  . drop ( 1 ) . take ( 5 )
  . filter ( it => it % 2 )
  . map ( it => it ** 2 )
  . toArray ( ) ; // => [9, 25]

structuredClone ( new Set ( [ 1 , 2 , 3 ] ) ) ; // => new Set([1, 2, 3])

您可以僅載入所需的功能：

 import 'core-js/actual/promise' ;
import 'core-js/actual/set' ;
import 'core-js/actual/iterator' ;
import 'core-js/actual/array/from' ;
import 'core-js/actual/array/flat-map' ;
import 'core-js/actual/structured-clone' ;

Promise . resolve ( 42 ) . then ( it => console . log ( it ) ) ; // => 42

Array . from ( new Set ( [ 1 , 2 , 3 ] ) . union ( new Set ( [ 3 , 4 , 5 ] ) ) ) ; // => [1, 2, 3, 4, 5]

[ 1 , 2 ] . flatMap ( it => [ it , it ] ) ; // => [1, 1, 2, 2]

( function * ( i ) { while ( true ) yield i ++ ; } ) ( 1 )
  . drop ( 1 ) . take ( 5 )
  . filter ( it => it % 2 )
  . map ( it => it ** 2 )
  . toArray ( ) ; // => [9, 25]

structuredClone ( new Set ( [ 1 , 2 , 3 ] ) ) ; // => new Set([1, 2, 3])

或在沒有全域名稱空間污染的情況下使用它：

 import Promise from 'core-js-pure/actual/promise' ;
import Set from 'core-js-pure/actual/set' ;
import Iterator from 'core-js-pure/actual/iterator' ;
import from from 'core-js-pure/actual/array/from' ;
import flatMap from 'core-js-pure/actual/array/flat-map' ;
import structuredClone from 'core-js-pure/actual/structured-clone' ;

Promise . resolve ( 42 ) . then ( it => console . log ( it ) ) ; // => 42

from ( new Set ( [ 1 , 2 , 3 ] ) . union ( new Set ( [ 3 , 4 , 5 ] ) ) ) ; // => [1, 2, 3, 4, 5]

flatMap ( [ 1 , 2 ] , it => [ it , it ] ) ; // => [1, 1, 2, 2]

Iterator . from ( function * ( i ) { while ( true ) yield i ++ ; } ( 1 ) )
  . drop ( 1 ) . take ( 5 )
  . filter ( it => it % 2 )
  . map ( it => it ** 2 )
  . toArray ( ) ; // => [9, 25]

structuredClone ( new Set ( [ 1 , 2 , 3 ] ) ) ; // => new Set([1, 2, 3])

指數

用法
- 安裝
- postinstall訊息
- 通用JS API
- 巴別塔
  - @babel/polyfill
  - @babel/preset-env
  - @babel/runtime
- SWC
- 可配置的攻擊級別
- 客製化建構
支援的引擎和相容性數據
特徵
- ECMA腳本
  - ECMAScript：物件
  - ECMAScript：函數
  - ECMAScript：錯誤
  - ECMAScript：陣列
  - ECMAScript：迭代器
  - ECMAScript：字串和正規表示式
  - ECMAScript：數字
  - ECMAScript：數學
  - ECMAScript：日期
  - ECMAScript：承諾
  - ECMAScript：符號
  - ECMAScript：集合
  - ECMAScript：類型化數組
  - ECMAScript：反射
  - ECMAScript：JSON
  - ECMAScript：globalThis
- ECMAScript 提案
  - 已完成的提案
    - globalThis
    - 相對索引法
    - Array.prototype.includes
    - Array.prototype.flat / Array.prototype.flatMap
    - Array從最後查找
    - 透過複製更改Array
    - Array分組
    - ArrayBuffer.prototype.transfer和朋友
    - Iterator助手
    - Object.values / Object.entries
    - Object.fromEntries
    - Object.getOwnPropertyDescriptors
    - 可存取的Object.prototype.hasOwnProperty
    - String填充
    - String.prototype.matchAll
    - String.prototype.replaceAll
    - String.prototype.trimStart / String.prototype.trimEnd
    - RegExp s ( dotAll ) 標誌
    - RegExp命名擷取群組
    - Promise.allSettled
    - Promise.any
    - Promise.prototype.finally
    - Promise.try
    - Promise.withResolvers
    - Symbol.asyncIterator用於非同步迭代
    - Symbol.prototype.description
    - 格式良好的JSON.stringify
    - 格式良好的 unicode 字串
    - 新的Set方法
  - 第三階段提案
    - Array.fromAsync
    - JSON.parse來源文字訪問
    - Float16法
    - Uint8Array與 Base64 和十六進位之間的轉換
    - 明確資源管理
    - RegExp式轉義
    - Math.sumPrecise
    - 用於裝飾器元資料提案的Symbol.metadata
  - 2.7階段提案
    - Iterator排序
  - 第二階段提案
    - AsyncIterator助手
    - Iterator.range
    - Map更新插入
    - Array.isTemplateObject
    - String.dedent
    - Symbol謂詞
    - 用於提取器的Symbol.customMatcher
  - 第一階段提案
    - Observable
    - 新的採集方式
    - 集合構造函數上的.of和.from方法
    - compositeKey和compositeSymbol
    - Array過濾
    - Array去重
    - DataView取得/設定Uint8Clamped方法
    - Number.fromString
    - String.cooked
    - String.prototype.codePoints
    - Symbol.customMatcher用於模式匹配
  - 第 0 階段提案
    - Function.prototype.demethodize
    - Function.{ isCallable, isConstructor }
  - 前期 0 提案
    - Reflect元數據
- 網路標準
  - self
  - structuredClone
  - Base64 實用方法
  - setTimeout和setInterval
  - setImmediate
  - queueMicrotask
  - URL和URLSearchParams
  - DOMException
  - 可迭代的 DOM 集合
- 迭代助手
缺 Polyfill
貢獻
安全政策
變更日誌

使用方法⬆

安裝：⬆

// global version
npm install --save [email protected]
// version without global namespace pollution
npm install --save [email protected]
// bundled global version
npm install --save [email protected]

或者您可以使用 CDN 中的core-js 。

`postinstall`訊息⬆

core-js專案需要您的幫助，因此該套件在安裝後會顯示一條有關它的訊息。如果它給您帶來問題，您可以禁用它：

ADBLOCK=true npm install
// or
DISABLE_OPENCOLLECTIVE=true npm install
// or
npm install --loglevel silent

CommonJS API⬆

您可以匯入僅需要的填充，如README.md頂部的範例所示。所有填充方法/建構函式和命名空間的可用 CommonJS 入口點。僅舉一些例子：

 // polyfill all `core-js` features, including early-stage proposals:
import "core-js" ;
// or:
import "core-js/full" ;
// polyfill all actual features - stable ES, web standards and stage 3 ES proposals:
import "core-js/actual" ;
// polyfill only stable features - ES and web standards:
import "core-js/stable" ;
// polyfill only stable ES features:
import "core-js/es" ;

// if you want to polyfill `Set`:
// all `Set`-related features, with early-stage ES proposals:
import "core-js/full/set" ;
// stable required for `Set` ES features, features from web standards and stage 3 ES proposals:
import "core-js/actual/set" ;
// stable required for `Set` ES features and features from web standards
// (DOM collections iterator in this case):
import "core-js/stable/set" ;
// only stable ES features required for `Set`:
import "core-js/es/set" ;
// the same without global namespace pollution:
import Set from "core-js-pure/full/set" ;
import Set from "core-js-pure/actual/set" ;
import Set from "core-js-pure/stable/set" ;
import Set from "core-js-pure/es/set" ;

// if you want to polyfill just the required methods:
import "core-js/full/set/intersection" ;
import "core-js/actual/array/find-last" ;
import "core-js/stable/queue-microtask" ;
import "core-js/es/array/from" ;

// polyfill iterator helpers proposal:
import "core-js/proposals/iterator-helpers" ;
// polyfill all stage 2+ proposals:
import "core-js/stage/2" ;

提示

建議使用/actual/命名空間，因為它包含所有實際的 JavaScript 功能，並且不包含主要用於實驗的不穩定的早期提案。

警告

modules路徑是內部 API，不會注入所有必要的依賴項，並且可以在次要版本或修補程式版本中變更。僅將其用於自訂建置和/或如果您知道自己在做什麼。
如果您使用具有本機物件擴充功能的core-js ，建議在應用程式入口點頂部載入所有core-js模組，否則可能會發生衝突。
- 例如，Google 地圖使用自己的Symbol.iterator ，與Array.from 、 URLSearchParams和/或core-js中的其他內容衝突，請參閱相關問題。
- 此類衝突也可以透過發現並手動新增core-js中的每個衝突條目來解決。
core-js非常模組化，使用了很多非常小的模組，因為在瀏覽器中使用時會捆綁core-js而不是每個檔案的使用載入器，否則，您將有數百個請求。

CommonJS 和原型方法沒有全域命名空間污染⬆

在pure版本中，我們不能污染本機構造函數的原型。因此，原型方法轉換為靜態方法，如上面的範例所示。但對於轉譯器，我們還可以使用一種技巧——綁定運算子和虛擬方法。特別是，可用的/virtual/入口點。例子：

 import fill from 'core-js-pure/actual/array/virtual/fill' ;
import findIndex from 'core-js-pure/actual/array/virtual/find-index' ;

Array ( 10 ) :: fill ( 0 ) . map ( ( a , b ) => b * b ) :: findIndex ( it => it && ! ( it % 8 ) ) ; // => 4

警告

綁定運算子是早期的 ECMAScript 提案，使用此語法可能會很危險。

通天塔⬆

core-js與babel集成，是與 polyfilling 相關的babel功能的基礎：

`@babel/polyfill` ⬆

@babel/polyfill只是穩定的core-js功能以及生成器和非同步函數的regenerator-runtime的導入，因此如果您加載@babel/polyfill - 您將加載core-js的全域版本，而無需 ES 建議。

現在它已被棄用，取而代之的是單獨包含core-js和regenerator-runtime所需的部分，並且為了防止重大更改，保留在core-js@2上。

作為@babel/polyfill的完全等價物，您可以使用它：

 import 'core-js/stable' ;
import 'regenerator-runtime/runtime' ;

`@babel/preset-env` ⬆

@babel/preset-env有useBuiltIns選項，它優化了core-js的全域版本的使用。使用useBuiltIns選項，您也應該將corejs選項設定為core-js的使用版本，例如corejs: '3.39' 。

重要的

建議指定使用的次要core-js版本，例如corejs: '3.39' ，而不是corejs: 3 ，因為corejs: 3不會注入在次要core-js版本中新增的模組。

useBuiltIns: 'entry'取代core-js的導入，僅導入目標環境所需的模組。所以，舉例來說，

 import 'core-js/stable' ;

chrome 71目標將被替換為：

 import 'core-js/modules/es.array.unscopables.flat' ;
import 'core-js/modules/es.array.unscopables.flat-map' ;
import 'core-js/modules/es.object.from-entries' ;
import 'core-js/modules/web.immediate' ;

它適用於core-js全域版本及其組合的所有入口點，例如

 import 'core-js/es' ;
import 'core-js/proposals/set-methods' ;
import 'core-js/full/set/map' ;

使用chrome 71目標，您將得到以下結果：

 import 'core-js/modules/es.array.unscopables.flat' ;
import 'core-js/modules/es.array.unscopables.flat-map' ;
import 'core-js/modules/es.object.from-entries' ;
import 'core-js/modules/esnext.set.difference' ;
import 'core-js/modules/esnext.set.intersection' ;
import 'core-js/modules/esnext.set.is-disjoint-from' ;
import 'core-js/modules/esnext.set.is-subset-of' ;
import 'core-js/modules/esnext.set.is-superset-of' ;
import 'core-js/modules/esnext.set.map' ;
import 'core-js/modules/esnext.set.symmetric-difference' ;
import 'core-js/modules/esnext.set.union' ;

useBuiltIns: 'usage'加入到每個檔案的頂部導入該檔案中使用的且目標環境不支援的功能的polyfills，因此對於：

 // first file:
let set = new Set ( [ 1 , 2 , 3 ] ) ;

 // second file:
let array = Array . of ( 1 , 2 , 3 ) ;

如果目標包含像IE 11這樣的舊環境，我們將得到如下內容：

 // first file:
import 'core-js/modules/es.array.iterator' ;
import 'core-js/modules/es.object.to-string' ;
import 'core-js/modules/es.set' ;

var set = new Set ( [ 1 , 2 , 3 ] ) ;

 // second file:
import 'core-js/modules/es.array.of' ;

var array = Array . of ( 1 , 2 , 3 ) ;

預設情況下，帶有useBuiltIns: 'usage'選項的@babel/preset-env僅填充穩定功能，但您可以透過proposals選項啟用提案的填充，如corejs: { version: '3.39', proposals: true } 。

重要的

在useBuiltIns: 'usage'的情況下，您不應該自行新增core-js匯入，它們會自動新增。

`@babel/runtime` ⬆

@babel/runtime with corejs: 3選項簡化了core-js-pure使用。它會自動取代 JS 標準庫中現代功能的使用，以從core-js版本導入，而不會造成全域命名空間污染，因此改為：

 import from from 'core-js-pure/stable/array/from' ;
import flat from 'core-js-pure/stable/array/flat' ;
import Set from 'core-js-pure/stable/set' ;
import Promise from 'core-js-pure/stable/promise' ;

from ( new Set ( [ 1 , 2 , 3 , 2 , 1 ] ) ) ;
flat ( [ 1 , [ 2 , 3 ] , [ 4 , [ 5 ] ] ] , 2 ) ;
Promise . resolve ( 32 ) . then ( x => console . log ( x ) ) ;

你可以只寫：

 Array . from ( new Set ( [ 1 , 2 , 3 , 2 , 1 ] ) ) ;
[ 1 , [ 2 , 3 ] , [ 4 , [ 5 ] ] ] . flat ( 2 ) ;
Promise . resolve ( 32 ) . then ( x => console . log ( x ) ) ;

預設情況下， @babel/runtime僅填充穩定功能，但與@babel/preset-env一樣，您可以透過proposals選項啟用提案的填充，如corejs: { version: 3, proposals: true } 。

警告

如果同時使用@babel/preset-env和@babel/runtime ，請僅在一個地方使用corejs選項，因為它是重複的功能並且會導致衝突。

SWC⬆

快速 JavaScript 轉譯器swc包含與core-js集成，可優化與core-js的全球版本的工作。與@babel/preset-env一樣，它有 2 種模式： usage和entry ，但usage模式仍然不如babel好用。 .swcrc中的設定範例：

{
  "env" : {
    "targets" : " > 0.25%, not dead " ,
    "mode" : " entry " ,
    "coreJs" : " 3.39 "
  }
}

可設定的攻擊等級⬆

預設情況下， core-js只在需要時才設定 polyfill。這意味著core-js檢查某個功能是否可用並正常運作，如果沒有問題， core-js將使用本機實作。

但有時core-js功能檢測對於您的情況可能過於嚴格。例如， Promise建構函數需要未處理的拒絕追蹤和@@species的支援。

有時我們可能會遇到相反的問題 - 一個故意損壞的環境，其問題未被core-js功能檢測覆蓋。

對於這些情況，我們可以為某些 polyfill 重新定義此行為：

 const configurator = require ( 'core-js/configurator' ) ;

configurator ( {
  useNative : [ 'Promise' ] ,                                 // polyfills will be used only if natives are completely unavailable
  usePolyfill : [ 'Array.from' , 'String.prototype.padEnd' ] , // polyfills will be used anyway
  useFeatureDetection : [ 'Map' , 'Set' ] ,                    // default behavior
} ) ;

require ( 'core-js/actual' ) ;

它不適用於某些功能。另外，如果更改預設行為，即使是core-js內部也可能無法正常運作。

定制構建⬆

在某些情況下，排除某些core-js功能或為目標引擎產生一個 polyfill 可能很有用。您可以使用core-js-builder來實現這一點。

支援的引擎和相容性數據⬆

core-js嘗試透過 ES3 支援來支援所有可能的 JS 引擎和環境。有些功能有較高的較低標準 - 例如，某些存取器只能在 ES5 中正常工作，promise 需要一種設定微任務或任務的方法，等等。

然而，我不可能在任何地方測試core-js - 例如，在 IE7 中測試 - 和其他一些古老的東西被停止了。您可以透過下面的連結在相容性表中查看絕對支援的引擎列表。如果您對任何引擎的支援有任何問題或疑問，請寫下來。

core-js專案提供（作為core-js-compat套件）有關core-js模組、入口點和使用它的工具的必要性的所有必需資料 - 它對於與babel或swc等工具整合非常有用。如果您想提供協助，您可以查看CONTRIBUTING.md的相關部分。相容性資料和瀏覽器測試執行程式的視覺化可在此處使用，範例：

相容表

特點：⬆

CommonJS 入口點：

 core-js(-pure)

ECMAScript⬆

CommonJS 入口點：

 core-js(-pure)/es

ECMAScript：物件⬆

模組es.object.assign 、 es.object.create 、 es.object.define-getter 、 es.object.define-property 、 es.object.define-properties 、 es.object.define-setter 、 es.object.entries , es.object.freeze 、 es.object.from-entries 、 es.object.get-own-property-descriptor 、 es.object.get-own-property-descriptors 、 es.object.get-own-property-names , es.object.get-prototype-of 、 es.object.group-by 、 es.object.has-own 、 es.object.is 、 es.object.is-extensible 、 es.object.is-frozen 、 es.object.is-sealed 、 es.object.keys 、 es.object.lookup-setter 、 es.object.lookup-getter 、 es.object.prevent-extensions 、 es.object.proto 、 es.object.to-string 、 es.object.seal 、 es.object.set-prototype-of 、 es.object.values 。

 class Object {
  toString ( ) : string ; // ES2015+ fix: @@toStringTag support
  __defineGetter__ ( property : PropertyKey , getter : Function ) : void ;
  __defineSetter__ ( property : PropertyKey , setter : Function ) : void ;
  __lookupGetter__ ( property : PropertyKey ) : Function | void ;
  __lookupSetter__ ( property : PropertyKey ) : Function | void ;
  __proto__ : Object | null ; // required a way setting of prototype - will not in IE10-, it's for modern engines like Deno
  static assign ( target : Object , ... sources : Array < Object > ) : Object ;
  static create ( prototype : Object | null , properties ?: { [ property : PropertyKey ] : PropertyDescriptor } ) : Object ;
  static defineProperties ( object : Object , properties : { [ property : PropertyKey ] : PropertyDescriptor } ) ) :

展開

core js

我強烈推薦閱讀這篇文章：那麼，下一步是什麼？

core-js@3、babel 和對未來的展望

籌集資金

指數

使用方法⬆

安裝：⬆

`postinstall`訊息⬆

CommonJS API⬆

CommonJS 和原型方法沒有全域命名空間污染⬆

通天塔⬆

`@babel/polyfill` ⬆

`@babel/preset-env` ⬆

`@babel/runtime` ⬆

SWC⬆

可設定的攻擊等級⬆

定制構建⬆

支援的引擎和相容性數據⬆

特點：⬆

ECMAScript⬆

ECMAScript：物件⬆

mycroft core

core

Soul Core中文版

核心阿爾法

XpressEngine 核心

核心FTP伺服器

chat.petals.dev

GPT Prompt Templates

GPTyped

waymo open dataset

SmartTube

Sunamu

waymo open dataset

termwind

wp functions

core js

我強烈推薦閱讀這篇文章：那麼，下一步是什麼？

core-js@3、babel 和對未來的展望

籌集資金

指數

使用方法⬆

安裝：⬆

postinstall訊息⬆

CommonJS API⬆

CommonJS 和原型方法沒有全域命名空間污染⬆

通天塔⬆

@babel/polyfill ⬆

@babel/preset-env ⬆

@babel/runtime ⬆

SWC⬆

可設定的攻擊等級⬆

定制構建⬆

支援的引擎和相容性數據⬆

特點：⬆

ECMAScript⬆

ECMAScript：物件⬆

`postinstall`訊息⬆

`@babel/polyfill` ⬆

`@babel/preset-env` ⬆

`@babel/runtime` ⬆