Typescript : Async * iterator 클로저가 컴파일되지 않음

Question

다음 예제가 컴파일되지 않는 이유는 무엇입니까? 기본적으로 비동기 iterable 클로저를 올바르게 선언하는 방법이 문제입니다.

class Test { 
    async foo() { 
    const c = async() => { 
    }; 
    await c(); 
    } 

    async * bar() { 
    const c = async *() => { 
    }; 
    yield * c(); 
    } 
} 

오류는 다음과 같습니다

가

...: error TS1109: Expression expected. 
...: error TS1005: ';' expected. 

내 tsconfig.json : 나는 다음에 예를 변경하는 경우

{ 
    "compilerOptions": { 
    "declaration": true, 
    "lib": [ 
     "es2017", 
     "dom", 
     "esnext.asynciterable" 
    ], 
    "module": "commonjs", 
    "target": "es2015", 
    "sourceMap": true, 
    "outDir": "out", 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    }, 
    "include": [ 
     "src/**/*.ts" 
    ] 
} 

, 그것은 작동합니다. 화살표 구문 대신 함수를 사용합니다.

class Test { 
    async foo() { 
    const c = async() => { 
    }; 
    await c(); 
    } 

    async * bar() { 
    const c = async function *() { 
    }; 
    yield * c(); 
    } 
} 

Answer 1

Arrow function()=>{} 및 일반 기능은 여기 놀이에 몇 가지 차이점이있다. 예를 들어 화살표 함수에는 this 바인딩이 없습니다. 또한 생성자에 대한 문서에서 반복을 위해 this을 사용하므로 function 구문을 사용해야한다고 분명히 명시되어 있습니다.

Answer 2

화살표 기능 비동기 생성기는 아직 지원되지 않습니다. 즉 const c = async *()=> {};입니다.

발전기와 같이 비동기 발생기 만 기능 선언 함수식 또는 클래스의 메소드이거나 리터럴 개체있다. 화살표 기능은 비동기 생성자가 될 수 없습니다.

https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-3.html