blocks|key|741509|text|Babel不能“翻译”Map和Set，因为它们不是语言特性(虽然在ES规范中有描述)。它们是全局范围内存在的类。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|741510|您应该使用多填充来定义ES6集合，这样您就可以在不提供支持的浏览器中继续使用它们。我不知道Babel库使用的是什么，但是es6-shim应该涵盖所有的主要部分。|741511|您不需要更改您的代码any来使用polyfill，它只是定义了Map+(和朋友)，以便以后正常使用。|741512|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/paulmillr/es6-shim^0|B|3|F|3|0|1O|8|0|0|V|3|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

Babel can't "translate" <code>Map</code> and <code>Set</code>, because they aren't language features (although they are described in the ES spec). They're classes that exist in the global scope.

You should use a polyfill that defines the ES6 collections, so you can keep using them in browsers that don't provide support. I'm not sure what library Babel uses, but <a href="https://github.com/paulmillr/es6-shim" rel="noreferrer">es6-shim</a> should cover all the major parts.

You won't need to change your code any to use the polyfill, it just defines <code>Map</code> (and friends) for normal use later.

blocks|key|549072|text|巴贝尔不把Map和Set转到ES5。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|549073|相反，使用他们的聚脂填充|549074|为了在所有环境中支持地图、集、WeakMaps和WeakSets，您必须包括Babel多边形填充。|blockquote|549075|来源|549076|entityMap|0|LINK|mutability|MUTABLE|url|http://babeljs.io/docs/usage/polyfill/|1|http://babeljs.io/docs/learn-es2015/^0|5|3|9|3|0|8|4|0|0|0|0|2|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|M|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

Babel does not transpile <code>Map</code> and <code>Set</code> to ES5.

Instead, use their <a href="http://babeljs.io/docs/usage/polyfill/" rel="nofollow noreferrer">polyfill</a>:

<blockquote>
 In order to support Maps, Sets, WeakMaps, and WeakSets in all environments you must include the Babel polyfill.
</blockquote>

<a href="http://babeljs.io/docs/learn-es2015/" rel="nofollow noreferrer">Source</a>

blocks|key|741570|text|您必须在代码中包括babel-polyfill。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|741571|你必须用npm安装它：|741572|npm+install+babel-polyfill|code-block|syntax|javascript|741573|然后，如果您使用的是ES6模块：|741574|import+'babel-polyfill';|741575|或者：|741576|require('babel-polyfill');|741577|如果要在浏览器中运行代码，可以从cdnjs加载代码：|741578|<script+src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.min.js"></script>|741579|entityMap|0|LINK|mutability|MUTABLE|url|https://babeljs.io/docs/usage/polyfill/^0|9|E|9|E|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|F|3|G|5|6|7|1C|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1D|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1E|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1G|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1H|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1I|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|Y|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15]]]]

You have to include <a href="https://babeljs.io/docs/usage/polyfill/" rel="noreferrer"><code>babel-polyfill</code></a> in your code.

You have to install it with npm:

<pre><code>npm install babel-polyfill
</code></pre>

and then, if you're using ES6 modules:

<pre><code>import 'babel-polyfill';
</code></pre>

or:

<pre><code>require('babel-polyfill');
</code></pre>

If you want to run your code in browser, you can load it from cdnjs:

<pre class="lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.min.js"&gt;&lt;/script&gt;
</code></pre>

I'm using gulp-babel to translate my es6 code to es5

<pre><code>gulp.task('build_all_debug', ['config', 'compile'], function() {
 var stream = gulp.src(['public/js/config.js', 'public/js/*.js', 'public/compiled/*.js'])
 .pipe(babel({
 presets: ['es2015']
 }))
 .pipe(concat('app.js'))
 .pipe(gulp.dest('public/dist'));
 return stream;
});
</code></pre>

While it mostly works fine, it doesn't actually translate Map and Set. My result js code still includes them, and when I run unit test with karma/mocha/phantomJs, I got the following error:

<pre><code>PhantomJS 2.1.1 (Mac OS X 0.0.0) notes.controller "before each" hook: workFn for "loads notes from the service" FAILED
 Can't find variable: Map
 activate@public/dist/app.js:2402:39
</code></pre>

Is there any way to force babel to translate Map and Set to object and array in es5?

Babel es2015 presets doesn't translate Map and Set to es5

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用gulp将我的es6代码转换成es5gulp.task('build_all_debug', ['config', 'compile'], function() {    var stream = gulp.src(['public/js/config.js', 'public/js/*.js', 'publ...

问Babel es2015预设不会转换地图并将其设置为es5
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Babel es2015预设不会转换地图并将其设置为es5EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Babel es2015预设不会转换地图并将其设置为es5
EN