Skip to main content
adicionou 393 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O yield é como um return em funções geradoras, ou seja quando a função vir o yieldretorno comdevolve a expressão que está depois dele (as strings que tens). Aí e pausa a execução da função.

Quando chamas de novo o .next() de novo acontece a mesma coisa com o próximo yeld, retornando a próxima variável, etc. Quando o yield retorna diretamente a função eexpressão que tem a seguir (na mesma linha) não deixa nada para o let e por isso eles vão ficando com valor undefined.

No final o ultimo .next() chama na verdade o return da função, pois chamaste 3 vezes o .next() e os yield já deram o seu retorno, antes do 4o yield a função ficou em pause depois de fazer o yeldyield de "c", e então esse último .next() vai invocar o return da ultima linha.

Repara no exemplo em baixo onde coloquei console.log(typeof foo, foo); dentro da função e que confirma que as variáveis vão ficando undefined.

function* gerador() {
    let foo = yield "a"
    let bar = yield "b"
    let baz = yield "c"
    
    console.log(typeof foo, foo); // repara que aqui dá undefined

    return `${foo} ${bar} ${baz}`
}

let gen = gerador();
console.log(gen.next()); // dá { value: 'a', done: false }
console.log(gen.next()); // dá { value: 'b', done: false }
console.log(gen.next()); // dá { value: 'c', done: false }
console.log(gen.next()); // chama o return e dá { value: 'undefined undefined undefined', done: true }

O yield é como um return, ou seja quando a função vir o yieldretorno com a expressão que está depois dele (as strings que tens). Aí pausa a execução da função.

Quando chamas o .next() de novo acontece a mesma coisa com a próxima variável, etc. yield retorna diretamente a função e não deixa nada para o let e por isso eles vão ficando com valor undefined.

No final o ultimo .next() chama na verdade o return da função, pois a função ficou em pause depois de fazer o yeld de "c".

function* gerador() {
    let foo = yield "a"
    let bar = yield "b"
    let baz = yield "c"
    
    console.log(typeof foo, foo); // repara que aqui dá undefined

    return `${foo} ${bar} ${baz}`
}

let gen = gerador();
console.log(gen.next());
console.log(gen.next());
console.log(gen.next());
console.log(gen.next());

O yield é como um return em funções geradoras, ou seja quando a função o yielddevolve a expressão que está depois dele (as strings que tens) e pausa a execução da função.

Quando chamas de novo o .next() acontece a mesma coisa com o próximo yeld, retornando a próxima variável, etc. Quando o yield retorna a expressão que tem a seguir (na mesma linha) não deixa nada para o let e por isso eles vão ficando com valor undefined.

No final o ultimo .next() chama na verdade o return da função, pois chamaste 3 vezes o .next() e os yield já deram o seu retorno, antes do 4o yield a função ficou em pause depois de fazer o yield de "c", e então esse último .next() vai invocar o return da ultima linha.

Repara no exemplo em baixo onde coloquei console.log(typeof foo, foo); dentro da função e que confirma que as variáveis vão ficando undefined.

function* gerador() {
    let foo = yield "a"
    let bar = yield "b"
    let baz = yield "c"
    
    console.log(typeof foo, foo); // repara que aqui dá undefined

    return `${foo} ${bar} ${baz}`
}

let gen = gerador();
console.log(gen.next()); // dá { value: 'a', done: false }
console.log(gen.next()); // dá { value: 'b', done: false }
console.log(gen.next()); // dá { value: 'c', done: false }
console.log(gen.next()); // chama o return e dá { value: 'undefined undefined undefined', done: true }

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O yield é como um return, ou seja quando a função vir o yield dá retorno com a expressão que está depois dele (as strings que tens). Aí pausa a execução da função.

Quando chamas o .next() de novo acontece a mesma coisa com a próxima variável, etc. yield retorna diretamente a função e não deixa nada para o let e por isso eles vão ficando com valor undefined.

No final o ultimo .next() chama na verdade o return da função, pois a função ficou em pause depois de fazer o yeld de "c".

function* gerador() {
    let foo = yield "a"
    let bar = yield "b"
    let baz = yield "c"
    
    console.log(typeof foo, foo); // repara que aqui dá undefined

    return `${foo} ${bar} ${baz}`
}

let gen = gerador();
console.log(gen.next());
console.log(gen.next());
console.log(gen.next());
console.log(gen.next());