>  기사  >  웹 프론트엔드  >  ES6의 생성기 기능 설명(코드 예제)

ES6의 생성기 기능 설명(코드 예제)

不言
不言앞으로
2018-11-14 16:39:111875검색

이 글은 라라벨(코드 예제)에서 유효성 검사기 사용에 대한 소개를 제공합니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

개요

사실 처음 몇 장은 어떻게 작성해야 할지 모르겠습니다. 왜냐하면 항상 Iterable Object, Generator, Iterator 등은 이 시리즈를 마친 후 정리하는 것이 더 나을 수 있습니다. 이제 정리할 때마다 작성하세요.可迭代对象生成器迭代器之类的东西,等写完这个系列,再好好整理一下这些东西可能会好一点,现在整理到哪儿就写到哪儿吧

语法

function* name([param[, param[, ... param]]])
{ 
    statements 
}

使用function*作为声明标识符,表示这是一个生成器函数

name是函数名

param是参数名,可以255个

statements是函数体

特点

生成器函数在执行的时候是可以暂停的,需要的时候再继续执行

生成器函数返回的是一个迭代器对象,不会立即执行

生成器函数可以使用return,但是return之后将不可再迭代

栗子-无限id增长器

function* idMaker(begin=0){
  while(true)
    yield begin++;
}
let maker=idMaker(0)
console.log(maker.next().value) // 0
console.log(maker.next().value) // 1
console.log(maker.next().value) // 2
console.log(maker.next().value) // 3
...

说明:

调用生成器函数返回的是一个迭代器,迭代器是一个满足迭代器协议的对象,简单的说,迭代器对象有一定有一个next函数,该函数返回一个对象,我们称之为迭代结果对象,该对象包含以下两个属性:

  1. value:本次迭代的结果

  2. done:布尔值,如果为true,表示无法再继续迭代,如果为false,表示可以继续迭代。

调用next函数,将会让生成器函数真正的执行,一直执行,直到遇见yield,并返回迭代结果对象

栗子-有限id

Syntax

function* idMaker(begin=0){
  while(begin<3)
    yield begin++;
}
let maker=idMaker(0)
console.log(maker.next()) // {value: 0, done: false}
console.log(maker.next()) // {value: 1, done: false}
console.log(maker.next()) // {value: 2, done: false}
console.log(maker.next()) // {value: undefined, done: true}
함수*를 다음과 같이 사용하세요. 생성기 함수

name은 함수 이름입니다.

param은 매개변수 이름입니다. 255개까지 가능합니다.

statements는 함수 본문입니다. 🎜🎜특징 🎜🎜생성기 함수는 실행 중에 일시 중지될 수 있습니다. 필요할 때 실행을 계속하세요. 생성기 함수는 반복자 객체를 반환하며 즉시 실행되지 않습니다.🎜🎜생성기 함수는 return을 사용할 수 있지만 return 후에는 더 이상 반복할 수 없습니다.🎜🎜Chestnut - 무한 ID 재배자🎜
function *createIterator() {
    let first = yield 1;
    let second = yield first + 2; // 4 + 2 
                                  // first =4 是next(4)将参数赋给上一条的
    yield second + 3;             // 5 + 3
}

let iterator = createIterator();

console.log(iterator.next());    // "{ value: 1, done: false }"
console.log(iterator.next(4));   // "{ value: 6, done: false }"
console.log(iterator.next(5));   // "{ value: 8, done: false }"
console.log(iterator.next());    // "{ value: undefined, done: true }"
🎜 설명: 🎜🎜생성기 함수를 호출하면 반복자는 반복자 프로토콜을 충족하는 객체입니다. 간단히 말해서, 반복자 객체에는 다음 함수가 있어야 합니다. 이 함수는 다음 두 가지 속성을 포함하는 객체를 반환합니다. " list-paddingleft-2">
  • 🎜value: 이 반복의 결과
    🎜
  • 🎜done: 부울 값이 true이면 반복을 계속할 수 없음을 의미합니다. false인 경우 반복을 계속할 수 있다는 의미입니다.
    🎜
  • 🎜Yield를 충족할 때까지 생성기 함수를 실제로 실행하고 반복 결과 객체를 반환하는 다음 함수를 호출합니다.🎜🎜Lizi 제한 id 증가기🎜
    function* yieldAndReturn() {
      yield "1";
      return "2";
      yield "3"; 
    }
    var gen = yieldAndReturn()
    console.log(gen.next()); // { value: "1", done: false }
    console.log(gen.next()); // { value: "2", done: true }
    console.log(gen.next()); // { value: undefined, done: true }
    🎜함수 실행이 완료되면 done이 자동으로 true가 됩니다🎜🎜next가 매개변수를 받습니다🎜rrreee🎜이것은 설명하기가 꽤 번거롭습니다. iterator.next()가 처음 호출되면 1이 반환되고 코드가 중지됩니다. .yield 1에서는 첫 번째 변수에 결과를 저장했지만 실제로는 iterator.next(4)를 두 번째로 실행했을 때 여기에 매개변수 4가 전달되었습니다. 이때 4는 Yield 1의 반환 값으로 간주되어 first에 할당되므로 두 번째 실행은 let first=4의 실행 순서로 간주할 수 있습니다. 🎜🎜return🎜rrreee

    위 내용은 ES6의 생성기 기능 설명(코드 예제)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명:
    이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제