TypeScript编译器 – 为什么默认情况下不启用downlevelIteration？

最新推荐文章于 2024-08-05 16:47:34 发布
最新推荐文章于 2024-08-05 16:47:34 发布
阅读量460 收藏
点赞数
文章标签： typescript javascript 前端 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41697143/article/details/129011422
版权
文章讨论了在TypeScript中使用downlevelIteration编译器选项的必要性，该选项允许在不支持迭代器的ES目标版本中正确处理扩展运算符。默认禁用是因为这涉及代码体积和兼容性选择：内联辅助函数可能增大包大小，而使用tslib则需额外依赖。阅读TypeScript2.3的发布说明有助于理解这一决策。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

TypeScript编译器 – 为什么默认情况下不启用downlevelIteration？

时间 2019-07-07

标签 typescript

当像ES5一样使用扩展运算符…将Iterator转换为数组时,它会显示使用-downlevelIteration编译器选项的错误.一旦它开启,传播操作符似乎只是完美无瑕地工作.我想知道为什么需要指定这个？

除了从tslib添加更多生成的代码之外,启用它时是否有任何缺点/限制？

默认情况下,在TypeScript Playground扩展运算符中未启用-downlevelIteration无法进行全面测试.

另一个例子：动态创建N的数组(例如3)：

[...Array(3).keys()]  // output: [0, 1, 2]

VS代码中显示错误：

enter image description here

来自tsc的错误消息：

Type ‘IterableIterator’ is not an array type or a string type. Use compiler option ‘–downlevelIteration’ to allow iterating of iterators.

Edit and view the code and error in TypeScript Playground

在阅读了 release notes和文章 TypeScript 2.3: Downlevel Iteration for ES3/ES5之后,我相信这个问题的答案是downlevelIteration被禁用,因为你需要决定(通过配置)你希望TypeScript如何处理兼容性代码的编译(以支持旧版本的Javascript).

正如本文中更冗长的解释所表明的那样,您必须决定是否希望TypeScript内联必要的辅助函数(简单,但可能导致更大的生产包大小),或者如果您希望将TypeScript配置为使用tslib作为依赖项,然后调用其外部方法.

我强烈建议您阅读TypeScript 2.3: Downlevel Iteration for ES3/ES5以获得更深入的了解……并且可能是您初始问题的替代解决方案.

至于为什么downlevelIteration不是TypeScript Playground中的一个选项,我不确定. Playground是开源的,所以你绝对可以创建一个提交拉取请求……这样做可能会得到比这个更好的答案！

拒绝全局安装，项目单独安装typeScript
sayUonly的博客
09-03 2541
学习typeScript的最初教程，往往是安装typeScript。官网和许多人的博客在这块都是使用的全局安装，即-g的安装方式。但是我个人比较喜欢封闭的项目环境，尽可能避免全局安装插件。 以下会提供我个人在封闭项目中引入typeScript的方法。 初始化项目 首先初始化项目，创建package.json。 npm init -y 安装typeScript 给你的项目安装typeScript，由于只在项目编译时使用，所以我们将插件安装在开发环境里。 npm i typescript -D 初始化typ
webpack加载使用typescript
ywl_156的博客
07-21 269
webpack加载使用typescript 1. 安装相关包 npm i -g typescript // 全局安装typescript npm i -D ts-loader // 安装加载ts对应的loader 2. 在webpack.config.js中配置 module: { rules: [ { test: /\.(ts)$/, use: { loader: 'ts-loader' } } } 3. tsconfig.
Use compiler option ‘--downlevelIteration‘ to allow iterating of iterators 报错解决
MichaelAn的博客
11-26 9354
# Use compiler option '--downlevelIteration' to allow iterating of iterators 报错解决 最近在一个项目中使用 TS 做单元测试，界面报错如下： ## 报错分析 具体报错信息如下：Set<number> 不是数组或者字符串类型，不能使用扩展运算符。 error TS2569: Type 'Set<number>' is not an array type or a string type. Use co
TypeScript基础入门
w1404273025的博客
07-24 261
TypeScript基础入门
CocosCreator downlevelIteration 允许迭代器进行迭代
SlowFeather's blog
02-25 2177
CocosCreator downlevelIteration 允许迭代器进行迭代前言解决方案 前言 将以前版本的TS移植到新版本时报了个错误。 解决方案 ctrl+shift+p调出搜索栏，输入typescript config 在compilerOptions中添加"downlevelIteration": true,即可 ...
ts不支持es5可迭代对象使用...
kaissgf的博客
08-04 286
dadasd
ES2020-ES2015学习笔记
qq_40511157的博客
04-18 1266
说明 自 2015 年发布 ES6 以来，JavaScript 一直在快速发展，每次迭代中都会出现大量新功能。 JavaScript 语言规范的新版本每年更新一次，新语言功能建议的定稿比以往更快。 此文章主要记录了ES语法的新特性。内容包括ES2020-ES2016的语法，每个语法都会有相应的demo(demo主要参考其他博客)，demo在最新版本的谷歌浏览器的控制台可以直接运行。 ES2020...
TypeScript -脚本编程语言
ejinxian的专栏
08-31 1007
严格的生成器（Stricter Generators） TypeScript 引入了对迭代器和生成器函数（generator functions）的更严格检查。在早期版本中，生成器的使用者无法区分一个值是来自yield 操作或是从生成器返回。 在此基础上，新类型 Generator 是一个 Iterator，它同时存在 return 和 throw 方法，并且是可迭代的。 数...
typeScript第三篇tsconfig.json配置文件、namespace命名空间、三斜线指令、声明文件d.ts、Mixins混入、装饰器Decorator、Rollup、webpack构建TS
m0_55170432的博客
10-28 1829
学习笔记 小满的
tsconfig.json文件配置参数的注解
Heartbroken_man的博客
02-22 1344
{ "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to read more about this file */ /* 项目 */ "incremental": true, /* 启用增量编译 */ "composite": true, /* 允许TypeScript项目与项目引.
tsconfig.json 配置详解
小青蛙的博客
03-12 1708
tsconfig.json 配置详解: Basic Options Strict Type-Checking Options Additional Checks Module Resolution Options Source Map Options Experimental Options { "compilerOptions": { /* Basic Options */ ...
tsconfig.node.json、tsconfig.app.json、tsconfig.json配置项
最新发布
2301_79568124的博客
08-05 5211
使用vite创建vue3项目中会自动生成三个tsconfig相关的文件，分别是：tsconfig.json、tsconfig.node.json、tsconfig.app.json。tsconfig.node.json是专门用来配置vite.config.ts文件的编译规则，tsconfig.app.json则是用来定义项目中其他文件的ts编译规则。原文链接：https://blog.csdn.net/Mahuicool/article/details/135726692。
html遍历map,typescript遍历Map
weixin_42241165的博客
06-16 355
定义一个Map：let map = new Map(); map.set("a", "1");遍历方式：1.(推荐使用) map.forEach((value, key) => { }) (参数顺序：value在前， key在后)2. let iterator = map.values(); let r: IteratorResult; while (r = iterator.n...
Vue with TypeScript
weixin_33836874的博客
08-14 167
如果说，2017 年计算机领域的潮流是人工智能的话，那么前端界的潮流想必就是 TypeScript 了。 前言 安装 TypeScript tsconfig.json 配置 Tslint Vue 中使用 typescript 需要注意的问题 其他问题 最后 前言 大家一听到 ts 是强类型语言，想到 js 要像其他语言那样定义变量类...
在网页中使用typescript生成的代码
deping_chen的专栏
06-24 2562
在网页中使用typescript生成的代码typescript转译为JavaScript代码的命令转换格式嵌入网页tsconfig.json示例 typescript转译为JavaScript代码的命令 需要安装typescript tsc -p e:\nodetest\tsconfig.json 转换格式 但是浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格...
tsconfig.json配置说明
X01动力装甲的专栏
03-20 1万+
tsconfig.json配置说明 初始化一个tsconfig.json配置文件tsc --init 默认的配置如下，只配置了四个关键参数，target/module/strict、esModuleInterop，其他的都注释掉了。 target默认是es5，如果你的代码中有一些es6的语法，如：Object.assign，编辑器可能会报错，所有可以修改为es6(es2015). module默...
ts版本备忘录2.3
Gloomysunny的博客
10-01 189
Ts2.3 前文链接 原文链接 对我而言这篇对于generic的改动更加重要 Generators and Iteration for ES5/ES3 语法支持Generator，与新增Iterationinterface类型 interface Iterator<T> { next(value?: any): IteratorResult<T>; return?(value?: any): IteratorResult<T>; throw?(e?: an
搭建 TypeScript 环境 & TSC 命令的使用 & 配置 tsconfig 文件
热门推荐
青蛙king的博客
04-17 2万+
目录前言一、TSC 命令的使用二、tsconfig 配置文件的属性1、tsconfig 配置文件的顶层属性（1）、compilerOptions（2）、file（3）、 include 和 exclude（4）、compileOnSave（5）、extends（6）、typeAcquisition（7）、watchOptions（8）、reference2、tsconfig 具体配置与解析汇总3、重点属性的配置详解（1）、strict 模式详解（2）、模块解析baseUrl（3）、路径映射（path）（4）
TypeScript 类型声明书写踩坑全解析
小青蛙的博客
06-12 1万+
本文总结了TypeScript类型声明的书写，很多时候写TypeScript不是问题，写类型就特别纠结，我总结下，我在使用TypeScript中遇到的问题。如果你遇到类型声明不会写的时候，多看看lodash的声明，因为lodash对数据进行各种变形操作，所以你能遇到的，都有参考示例。 基本类型 // 变量 const num: number = 1; const str: string = 'str'; const bool: boolean = true; const nulls: null.
TypeScript编译器
11-22
TypeScript编译器是一种将TypeScript代码转换为JavaScript代码的工具。它可以将TypeScript代码编译成浏览器和Node.js都可以理解的JavaScript代码。以下是使用TypeScript编译器的步骤： 1. 首先，需要安装TypeScript编译器。可以使用npm包管理器进行安装，命令如下： ``` npm install -g typescript ``` 2. 创建一个TypeScript文件，例如`example.ts`。 3. 在命令行中，使用以下命令将TypeScript文件编译为JavaScript文件： ``` tsc example.ts ``` 4. 这将生成一个名为`example.js`的JavaScript文件，其中包含与TypeScript文件相同的代码。 5. 可以在浏览器或Node.js中运行生成的JavaScript文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值