建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS标准库补丁插件core.js

来源:易助科技网浏览量:27收藏

简介


JS标准库补丁插件core.js-示例图


1.  ECMAScript 的迅速成长以及浏览器的频繁更新换代,每年会出现新的 api ,举个例子 es6 时期诞生的 ‘Promise’ ,‘Set’ 或者是 ‘es7’ 数组新提供的方法 ‘includes’ ,这些新加入的 ‘api’ ,就引出一个词 “polyfill” ‘polyfill(垫片/补丁)’ 就是用社区上提供的一段代码,让我们在不兼容某些新特性的浏览器上,使用该新特性。新功能的es’api’转换为大部分现代浏览器都可以支持运行的一个’api’ 补丁包集合。


2.  因为官方库对他介绍的形容

2.1. 它支持最新的 ECMAScript 标准

2.2. 它支持ECMAScript 标准库提案

2.3. 它支持一些 WHATWG / W3C 标准(跨平台或者 ECMAScript 相关)

2.4. 它最大限度的模块化:你能仅仅加载你想要使用的功能

2.5. 它能够不污染全局命名空间

2.6. 它和babel紧密集成:这能够优化core-js的导入

2.7. 它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式



使用


示例


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])



相关链接


官方文档 :  https://overturejs.com/docs/core/Core.html

Github 地址 : https://github.com/zloirock/core-js