TypeScript 中带生成器的惰性管道 #6694

febrainqu · 2020-02-10T03:29:58Z

译文翻译完成，resolve #6675

同步原项目

TypeScript中带生成器的惰性管道

GJXAIOU · 2020-02-23T07:11:09Z

校对认领

lsvih · 2020-03-05T11:22:52Z

@GJXAIOU 校对怎么样啦？有空记得来看看哈

xionglong58 · 2020-03-06T05:43:45Z

@lsvih 校对认领

fanyijihua · 2020-03-06T05:43:49Z

@xionglong58 妥妥哒 🍻

xionglong58

@febrainqu @lsvih 只校对了部分内容，大致意思翻译到了，需要再做调整，后面再来校对，译者辛苦啦

xionglong58 · 2020-03-06T06:16:36Z

TODO1/fast-pipelines-with-generators-in-typescript.md


 ![Photo by [Quinten de Graaf](https://unsplash.com/@quinten149?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)](https://cdn-images-1.medium.com/max/9704/1*wEQnHaPoHc_QJo5vxwrCEg.jpeg)

-In recent years the JavaScript community has embraced the functional array methods like `map` and `filter`. Writing for-loops has become something that gets associated with 2015 and JQuery. But the array methods in JavaScript are far from ideal when we are talking about performance. Lets look at an example to clarify the issues:
+近年来，JavaScript 社区已经接受了函数数组方法，例如 `map` 和 `filter`。 编写 for 循环已经成为与2015年和 JQuery 相关的内容。但是在性能方面，JavaScript 中的数组方法远远达不到预期。让我们看一个例子来说明这些问题:


functional =>函数式

xionglong58 · 2020-03-06T06:17:27Z

TODO1/fast-pipelines-with-generators-in-typescript.md


 ![Photo by [Quinten de Graaf](https://unsplash.com/@quinten149?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)](https://cdn-images-1.medium.com/max/9704/1*wEQnHaPoHc_QJo5vxwrCEg.jpeg)

-In recent years the JavaScript community has embraced the functional array methods like `map` and `filter`. Writing for-loops has become something that gets associated with 2015 and JQuery. But the array methods in JavaScript are far from ideal when we are talking about performance. Lets look at an example to clarify the issues:
+近年来，JavaScript 社区已经接受了函数数组方法，例如 `map` 和 `filter`。 编写 for 循环已经成为与2015年和 JQuery 相关的内容。但是在性能方面，JavaScript 中的数组方法远远达不到预期。让我们看一个例子来说明这些问题:


[编写 for 循环已经成为与2015年和 JQuery 相关的内容]=>for 循环已经成为过去式，或者只能在Jquery中见到。

xionglong58 · 2020-03-06T06:19:33Z

TODO1/fast-pipelines-with-generators-in-typescript.md

-* create a new array with the numbers filtered
-* take the first item
+* 创建一个含有五个元素的数组
+* 创建是个每个数字乘2的新数组


创建一个新数组，元素时前一个数组对应元素的2倍。

xionglong58 · 2020-03-06T06:26:35Z

TODO1/fast-pipelines-with-generators-in-typescript.md


-This involves a lot more stuff happening then is actually needed. The only thing has to happen is that the first item that passes `x > 5` gets processed and returned. In other languages (like Python) iterators are used to solve this issue. Those iterators are a lazy collection and only processes data when it is requested. If JavaScript would use lazy iterators for its array methods the following would happen instead:
+这涉及到比实际需要的更多的事情. 这里唯一必要的是处理并返回通过 `x > 5` 的第一项。 在其他语言中 (例如 Python)，用迭代器来解决此类问题。 这些迭代器是一个惰性集合，只在请求时处理数据。 如果JavaScript将懒惰的迭代器用于其数组方法，则会发生以下情况：


翻译过于生硬了

[这涉及到比实际需要的更多的事情. 这里唯一必要的是处理并返回通过 x > 5 的第一项。]=>[实际上有很步骤是多余的，唯一必要的就是返回第一个大于 5 的元素。]

xionglong58 · 2020-03-06T06:27:25Z

TODO1/fast-pipelines-with-generators-in-typescript.md


-This involves a lot more stuff happening then is actually needed. The only thing has to happen is that the first item that passes `x > 5` gets processed and returned. In other languages (like Python) iterators are used to solve this issue. Those iterators are a lazy collection and only processes data when it is requested. If JavaScript would use lazy iterators for its array methods the following would happen instead:
+这涉及到比实际需要的更多的事情. 这里唯一必要的是处理并返回通过 `x > 5` 的第一项。 在其他语言中 (例如 Python)，用迭代器来解决此类问题。 这些迭代器是一个惰性集合，只在请求时处理数据。 如果JavaScript将懒惰的迭代器用于其数组方法，则会发生以下情况：


[JavaScript将懒惰]=>[JavaScript 将懒惰]

xionglong58 · 2020-03-06T06:28:55Z

TODO1/fast-pipelines-with-generators-in-typescript.md

-* `[0]` requests the first item from `filter`
-* `filter` requests items from `map` until it has found one item that passes the predicate and yields (‘returns’) it
-* `map` has processed an item for each time `filter` requested it
+* `[0]` 从 `filter` 请求第一项


[[0] 从 filter 请求第一项]=>'[0]'请求经 ‘filter’ 操作后数组的第一个元素。

xionglong58 · 2020-03-06T06:31:18Z

TODO1/fast-pipelines-with-generators-in-typescript.md

-* `map` has processed an item for each time `filter` requested it
+* `[0]` 从 `filter` 请求第一项
+* `filter` 从 `map` 中请求元素，直到发现一个符合条件的元素，并返回 (‘returns’) 它
+* `map` 已经处理了每一次 `filter` 请求


[map 已经处理了每一次 filter 请求]=>每当 ‘filter’ 发送一次请求，‘map’ 便处理一个元素。

GJXAIOU · 2020-03-06T07:29:42Z

TODO1/fast-pipelines-with-generators-in-typescript.md


-Luckily for us JavaScript does actually support the concept of [iterators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators). They can be created with [generator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators) functions that yield the items of the collection. A generator function looks as follows:
+幸运的是JavaScript确实支持[迭代器](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators)的概念. 可以使用生成集合项的[生成器](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators) 函数来创建它们。一个生成器函数如下:


[幸运的是JavaScript确实支持]=>[幸运的是 JavaScript 确实支持]

GJXAIOU · 2020-03-06T07:40:25Z

TODO1/fast-pipelines-with-generators-in-typescript.md


-The last part of the library is the public facing API. The library uses the builder pattern to allow you to chain methods like on arrays. This is done by creating a function that takes an iterator and returns an object with the methods on it. Those methods can call the constructor again with an updated iterator for the chaining:
+库的最后一部分是面向公众的API。 该库使用构建器模式来允许您像在数组上那样链接方法。 这是通过创建一个接受迭代器并返回带有方法的对象的函数来完成的。 这些方法可以再次调用构造函数与更新迭代器的链接:


[库的最后一部分是面向公众的API] =>[库的最后一部分是面向公众的 API]

GJXAIOU · 2020-03-06T07:45:29Z

@febrainqu @Glowin 大致校对完成，文中有不少的英文 . 应该转换为中文 。 ，因为比较多没有逐个纠正。

febrainqu · 2020-03-06T08:42:21Z

@GJXAIOU @xionglong58 感谢校对，晚些时候会修改和自查的

febrainqu · 2020-03-09T10:39:00Z

@GJXAIOU @xionglong58 已更新，麻烦两位看一下还有什么问题

lsvih · 2020-03-09T11:36:29Z

TODO1/fast-pipelines-with-generators-in-typescript.md

@@ -5,11 +5,11 @@
 > * 译者：


麻烦加一下译者和校对者的信息哈

febrainqu · 2020-03-09T23:59:23Z

@lsvih 已添加

lsvih · 2020-03-10T01:59:11Z

还是有很多符号问题，比如许多。后面多了空格、,、:、()、!等符号用了半角符号，与中文在一起的英文单词前后没空格等。请译者根据排版指南再修改一下，也麻烦 @GJXAIOU @xionglong58 二位校对再帮忙看看语句通顺的问题

lsvih · 2020-03-10T10:48:33Z

格式没啥问题了👍稍晚点我试着把部分语句顺一顺

lsvih · 2020-04-29T08:16:59Z

@febrainqu 抱歉拖了这么久，之前都忘了这事了。。

这是您翻译的第一篇文章，还是有很多提升空间的，因此我直接在您的原文基础上进行了修改，现在应该更加通顺且容易理解了，您可以参考一下。当然您之后翻译的文章质量都挺高的！

lsvih · 2020-04-29T08:17:15Z

@febrainqu 已经 merge 啦~ 快快麻溜发布到掘金然后给我发下链接，方便及时添加积分哟。

掘金翻译计划有自己的知乎专栏，你也可以投稿哈，推荐使用一个好用的插件。
专栏地址：https://zhuanlan.zhihu.com/juejinfanyi

febrainqu · 2020-04-30T03:19:28Z

@lsvih 已发布
地址：https://juejin.im/post/5eaa43616fb9a0432c4c8fc8

febrainqu added 2 commits February 8, 2020 10:01

Merge pull request #1 from xitu/master

1565a2e

同步原项目

TypeScript中带生成器的惰性管道

57a9a91

TypeScript中带生成器的惰性管道

fanyijihua added the 校对认领 label Feb 10, 2020

fanyijihua mentioned this pull request Feb 10, 2020

TypeScript 中带生成器的惰性管道 #6675

Closed

lsvih changed the title ~~TypeScript中带生成器的惰性管道~~ TypeScript 中带生成器的惰性管道 Feb 10, 2020

lsvih added 前端后端 labels Feb 10, 2020

lsvih added the 正在校对 label Mar 5, 2020

fanyijihua removed the 校对认领 label Mar 6, 2020

xionglong58 reviewed Mar 6, 2020

View reviewed changes

GJXAIOU reviewed Mar 6, 2020

View reviewed changes

lsvih added enhancement 等待译者修改 and removed 正在校对 labels Mar 6, 2020

Update fast-pipelines-with-generators-in-typescript.md

8be3170

lsvih reviewed Mar 9, 2020

View reviewed changes

febrainqu added 2 commits March 10, 2020 07:53

添加译者校对者姓名

06972a5

添加译者校对者

e36f501

修改格式

8fe4802

lsvih added 标注待管理员 Review and removed enhancement 等待译者修改 labels Mar 16, 2020

Update fast-pipelines-with-generators-in-typescript.md

30b8ec0

lsvih approved these changes Apr 29, 2020

View reviewed changes

lsvih merged commit a46b00c into xitu:master Apr 29, 2020

lsvih added 翻译完成 and removed 标注待管理员 Review labels Apr 29, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TypeScript 中带生成器的惰性管道 #6694

TypeScript 中带生成器的惰性管道 #6694

febrainqu commented Feb 10, 2020

GJXAIOU commented Feb 23, 2020

lsvih commented Mar 5, 2020

xionglong58 commented Mar 6, 2020

fanyijihua commented Mar 6, 2020

xionglong58 left a comment

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

xionglong58 Mar 6, 2020

GJXAIOU Mar 6, 2020

GJXAIOU Mar 6, 2020

GJXAIOU commented Mar 6, 2020

febrainqu commented Mar 6, 2020

febrainqu commented Mar 9, 2020

lsvih Mar 9, 2020

febrainqu commented Mar 9, 2020

lsvih commented Mar 10, 2020 •

edited

Loading

lsvih commented Mar 10, 2020

lsvih commented Apr 29, 2020

lsvih commented Apr 29, 2020

febrainqu commented Apr 30, 2020


		This involves a lot more stuff happening then is actually needed. The only thing has to happen is that the first item that passes `x > 5` gets processed and returned. In other languages (like Python) iterators are used to solve this issue. Those iterators are a lazy collection and only processes data when it is requested. If JavaScript would use lazy iterators for its array methods the following would happen instead:
		这涉及到比实际需要的更多的事情. 这里唯一必要的是处理并返回通过 `x > 5` 的第一项。在其他语言中 (例如 Python)，用迭代器来解决此类问题。这些迭代器是一个惰性集合，只在请求时处理数据。如果JavaScript将懒惰的迭代器用于其数组方法，则会发生以下情况：


		Luckily for us JavaScript does actually support the concept of [iterators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators). They can be created with [generator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators) functions that yield the items of the collection. A generator function looks as follows:
		幸运的是JavaScript确实支持[迭代器](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators)的概念. 可以使用生成集合项的[生成器](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators) 函数来创建它们。一个生成器函数如下:


		The last part of the library is the public facing API. The library uses the builder pattern to allow you to chain methods like on arrays. This is done by creating a function that takes an iterator and returns an object with the methods on it. Those methods can call the constructor again with an updated iterator for the chaining:
		库的最后一部分是面向公众的API。该库使用构建器模式来允许您像在数组上那样链接方法。这是通过创建一个接受迭代器并返回带有方法的对象的函数来完成的。这些方法可以再次调用构造函数与更新迭代器的链接:

TypeScript 中带生成器的惰性管道 #6694

TypeScript 中带生成器的惰性管道 #6694

Conversation

febrainqu commented Feb 10, 2020

GJXAIOU commented Feb 23, 2020

lsvih commented Mar 5, 2020

xionglong58 commented Mar 6, 2020

fanyijihua commented Mar 6, 2020

xionglong58 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

GJXAIOU commented Mar 6, 2020

febrainqu commented Mar 6, 2020

febrainqu commented Mar 9, 2020

Choose a reason for hiding this comment

febrainqu commented Mar 9, 2020

lsvih commented Mar 10, 2020 • edited Loading

lsvih commented Mar 10, 2020

lsvih commented Apr 29, 2020

lsvih commented Apr 29, 2020

febrainqu commented Apr 30, 2020

lsvih commented Mar 10, 2020 •

edited

Loading