Tôi có thể sử dụng cú pháp hàm mũi tên của ES6 với các trình tạo không? (ký hiệu mũi tên)

tức là làm thế nào để tôi thể hiện điều này:

function *(next) {}

với mũi tên. Tôi đã thử tất cả các kết hợp mà tôi có thể nghĩ ra và tôi không thể tìm thấy bất kỳ tài liệu nào về nó.

(hiện đang sử dụng nút v0.11,14)

Tôi có thể sử dụng cú pháp hàm mũi tên của ES6 với các trình tạo không?

Bạn không thể. Lấy làm tiếc.

Theo MDN

Câu function*lệnh ( functiontừ khóa theo dấu hoa thị) xác định hàm tạo.

Từ một tài liệu đặc tả (nhấn mạnh của tôi):

Các chức năng cú pháp được mở rộng thêm một tùy chọn *mã thông báo:

FunctionDeclaration: "function" "*"? Identifier "(" FormalParameterList? ")" 
  "{" FunctionBody "}"

Sự khác biệt giữa hàm Inline và hàm Arrow

Trước hết, các hàm Mũi tên () => {} không được tạo để thay thế các hàm Inline function(){}và chúng khác nhau. Hàm Inline đơn giản là Hàm, vì vậy câu hỏi đặt ra là sự khác biệt giữa Hàm mũi tên và Hàm Inline là gì.

Một biểu hiện mũi tên chức năng (còn gọi là mũi tên chức năng) có một cú pháp ngắn hơn so với biểu hiện chức năng và không ràng buộc riêng của mình this, arguments, super, hoặc new.target). Các chức năng mũi tên luôn ẩn danh.

Một số chi tiết nhanh hơn ở đây

Tại sao chức năng Mũi tên không thể được sử dụng làm máy phát điện

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Fifts/Arrow_fifts

Sử dụng từ khóa năng suất

Các năng suất từ khóa có thể không được sử dụng trong cơ thể một mũi tên chức năng của (trừ khi được phép trong phạm vi chức năng tiếp tục lồng bên trong nó). Do đó, các chức năng mũi tên không thể được sử dụng làm máy phát điện.

Lưu ý rằng máy phát điện không có yieldý nghĩa.

Tại sao hàm Arrow không thể sử dụng năng suất

http://tc39wiki.calculist.org/es6/arrow-fifts/

Các hàm mũi tên liên kết từ thisvựng, liên kết returntrong trường hợp Khối cơ thể để nó trả về từ hàm mũi tên kèm theo ngay lập tức, và loại trừ breakvà continuetừ các câu lệnh tham chiếu bên ngoài hàm mũi tên kèm theo ngay lập tức.

Các định danh biểu chính argumentscó thể không được sử dụng trong cơ thể một mũi tên chức năng của (xem biểu thức hoặc hình thức khối).

Tương tự như vậy, yieldcó thể không được sử dụng trong cơ thể của một mũi tên. Mũi tên không thể là máy phát điện và chúng tôi không muốn tiếp tục sâu.

Hiệu suất trong Hàm mũi tên sẽ gây ra lỗi ngữ nghĩa: http : //www.ecma-i quốc.org /

Cuối cùng, lý do là ở sự phức tạp sâu sắc trong việc thực hiện ECMA6. C # không cho phép điều này cũng vì lý do tương tự .

Ngoài các cuộc thảo luận trên esdiscuss.org và ghi chú cuộc họp ES6 của ủy ban Ecma TC39 từ tháng 11 năm 2013 đã đề cập ở trên, mũi tên của máy phát điện đã được xem xét lại trong hai cuộc họp ES7 tháng 9 năm 2016 [1] [2] . Sau một cuộc thảo luận về ưu và nhược điểm của các cú pháp khác nhau (chủ yếu =*>và =>*) và thiếu các biện minh và trường hợp sử dụng cho tính năng này, họ đã đi đến kết luận rằng:

• Có một số quan tâm từ ủy ban, nhưng lo ngại rằng tính năng này không làm tăng sức nặng của nó khi thêm một đoạn cú pháp mới
• Lên kế hoạch xem lại vào Ngày 3 để xem liệu chúng tôi có thể =>*đến giai đoạn 0 ít nhất không, như là một phần của đề xuất lặp lại không đồng bộ của [Domenic Denicola]

Đề xuất cho mũi tên máy phát điện đã được chuyển sang Giai đoạn 1 với Brendan Eich và Domenic Denicola là những nhà vô địch. Lặp lại không đồng bộ được đề cập ở trên đã hoàn thành và thực hiện vào năm 2018.

Vào tháng 10 năm 2019, một repo chính thức của Serge Rubanov đã xuất hiện với nhiều cuộc thảo luận về cú pháp và các chi tiết khác.

Tôi cũng có câu hỏi tương tự và đến đây. Sau khi đọc các bài đăng và bình luận, tôi cảm thấy việc sử dụng trình tạo trong một hàm mũi tên dường như rất mơ hồ:

const generator = () => 2*3; // * implies multiplication
// so, this would be a confusing
const generator = () =>* something; // err, multiplying?
const generator = () =*> ... // err, ^^
const generator = ()*=> ... // err, *=3, still multiplying?
const generator=*()=> ... // err, ^^
const generator = *param => ... //err, "param" is not fixed word

Đây là lý do lớn có thể khiến họ không triển khai trình tạo liên quan đến chức năng mũi tên.

Nhưng, nếu tôi là một trong số họ, tôi có thể nghĩ như thế này:

const generator = gen param => ... // hmm, gen indicates a generator
const generator = gen () => ... // ^^

Cảm giác này giống như chúng ta có chức năng không đồng bộ:

const asyncFunction = async () => ... // pretty cool

Bởi vì, với chức năng bình thường, từ khóa async tồn tại, do đó, hàm mũi tên đang sử dụng nó - async () =>dường như có vẻ async function().

Nhưng, không có từ khóa như genhoặc generatorvà chức năng mũi tên than ôi không sử dụng nó.

Để kết luận:

Ngay cả khi họ muốn triển khai trình tạo trong hàm mũi tên, tôi nghĩ họ cần suy nghĩ lại về cú pháp của trình tạo trong lõi js:

generator function myfunc() {}
// rather than
function* myfunc() {} // or, function *myfunc() {}

Và đây sẽ là một sai lầm lớn. Vì vậy, giữ chức năng mũi tên ra khỏi máy phát điện, là khá mát mẻ.

Sau bình luận @Bergi :

Không. Các hàm mũi tên được cho là có trọng lượng nhẹ (và không có .prototype chẳng hạn) và thường là một lớp, trong khi các máy phát điện thì hoàn toàn ngược lại.

Tôi sẽ nói rằng mục đích của trình tạo để sử dụng là run-stop-run và vì vậy tôi không nghĩ rằng chúng ta cần quan tâm đến nguyên mẫu, từ vựng này, v.v.

Tôi biết rằng điều này là rất muộn, nhưng một lý do có thể khác có thể là cú pháp. có thể (*() => {})làm việc, nhưng những gì về (9 ** () => {})? Là 9 với sức mạnh của một chức năng mũi tên, trở lại NaN, hoặc là 9 lần một chức năng mũi tên máy phát điện, cũng trở lại NaN? Nó có thể được thực hiện với một số cú pháp thay thế, như =>*được đề cập bởi một câu trả lời khác ở đây, nhưng có thể có một mong muốn duy trì tính nhất quán của cú pháp hàm tạo (ví dụ function* () {}và { *genMethod() {} }) khi nó được thực hiện. Không quá nhiều lý do, nhưng một lý do cho nó.

Ngay bây giờ bạn không thể, nhưng trong tương lai bạn có thể là do đề xuất phát hành TC39 cho cùng vào tháng 10 năm 2019, trong giai đoạn 1.

Có một cách giải quyết tốt với redux-saga

import { call, all } from 'redux-saga/effects';

function* gen() {
   yield all([].map(() => {
      return call(....);
   }));
}