TMS WEB Core中ECMA Script项目设置的作用是什么？

为什么切换版本后转译的JS代码无明显差异？ #

• 这个设置不直接控制Delphi代码转译为JS的语法风格，核心作用是指定编译后代码的目标兼容环境，以及管控TMS WEB Core底层运行时库的加载逻辑。
• 默认情况下，TMS WEB Core的转译器为了保证最大范围的浏览器兼容性，不会主动生成ES6特有的语法（如let/const、箭头函数），无论选择ES5还是ES6，转译Delphi代码都会优先使用ES3/ES5兼容语法。

ES5与ES6选项的核心差异 #

• ECMAScript 5选项

  • 强制代码兼容ES5环境，底层会加载针对ES5优化的polyfill和核心库，确保在IE11等不支持ES6的旧浏览器中正常运行。
  • 转译后的代码不会包含任何ES6+特性，所有高级特性都会被降级为ES5兼容写法。

• ECMAScript 6选项

  • 目标适配ES6及以上的现代浏览器，此时底层会跳过部分ES5兼容的polyfill，直接调用浏览器原生支持的ES6特性来优化运行性能。
  • 虽然你的Delphi业务代码转译后看不到ES6语法，但TMS WEB Core的运行时库会使用ES6版本的实现，比如用原生Promise替代polyfill、调用更高效的ES6数组方法等。

• 无选项

  • 采用最保守的兼容策略，不指定明确目标版本，生成的代码兼容最广泛的浏览器环境，同时加载所有必要的polyfill。

额外说明 #

如果希望转译后的JS代码出现ES6特有的语法，需要在TMS WEB Core的高级转译设置中手动启用ES6 Syntax相关选项（默认关闭，避免兼容性问题）。

内容的提问来源于stack exchange，提问作者Shaun Roselt