【Cocos Creator】【2.4】什么是 babel 编译器？Support via polyfill 又是什么？

最新推荐文章于 2023-10-19 20:18:40 发布

原创最新推荐文章于 2023-10-19 20:18:40 发布 · 490 阅读

0 ·

CC 4.0 BY-SA版权

Cocos Creator 专栏收录该内容

8 篇文章

订阅专栏

Babel是一款JavaScript编译器，将ES2015+代码转换为向后兼容的版本，确保在旧浏览器或环境中运行。它不支持某些特性如迭代器和生成器，但提供了Babel polyfill来支持 Maps, Sets, WeakMaps 和 WeakSets。Promise功能得到支持，而Symbols的支持尚不确定。Babel对于现代JavaScript特性的转换和兼容性扮演关键角色。

babel 编译器

浏览以下文章：

剖析 Babel——Babel 总览表明了 babel 做了什么事：解析源代码成抽象语法树 -> 转换成新的源代码。

查阅相关资料后，Babel 的功能定位是这样的：

Babel 是一款 JavaScript 编译器主要用于在旧的浏览器或环境中将 ECMAScript 2015+
代码转换为向后兼容版本的 JavaScript 代码。

Support via polyfill 又是什么？

在 Learn ES2015 中，我们可以搜索 Support via polyfill，可以看到，ES2015 的某些功能特性，是通过 Babel polyfill 进行支持的。

而这些需要通过 Babel polyfill 支持的特性，Creator 官方 2.4 的手册中写明了，是暂时不支持的。
那么我们将不支持的特性列一列：

Iterators 迭代器定义的功能

let fibonacci = {
  [Symbol.iterator]() {
    let pre = 0, cur = 1;
    return {
      next() {
        [pre, cur] = [cur, pre + cur];
        return { done: false, value: cur }
      }
    }
  }
}

for (var n of fibonacci) {
  // truncate the sequence at 1000
  if (n > 1000)
    break;
  console.log(n);
}

interface IteratorResult {
  done: boolean;
  value: any;
}
interface Iterator {
  next(): IteratorResult;
}
interface Iterable {
  [Symbol.iterator](): Iterator
}

Generators 生成器

var fibonacci = {
  [Symbol.iterator]: function*() {
    var pre = 0, cur = 1;
    for (;;) {
      var temp = pre;
      pre = cur;
      cur += temp;
      yield cur;
    }
  }
}

for (var n of fibonacci) {
  // truncate the sequence at 1000
  if (n > 1000)
    break;
  console.log(n);
}

interface Generator extends Iterator {
    next(value?: any): IteratorResult;
    throw(exception: any);
}

In order to support Maps, Sets, WeakMaps, and WeakSets in all environments you must include the Babel polyfill. (从使用的角度看，Creator 是支持这部分内容)
Symbols （尚未确定是否支持）
Promises （支持）
Reflect 反射