ฉันพยายามทำความเข้าใจกับคำหลักที่ให้ผลตอบแทนเช่นกัน ตามความเข้าใจปัจจุบันของฉันในตัวสร้างคำหลักที่ให้ผลผลิตทำงานได้เหมือนสวิตช์บริบทของ CPU เมื่อรันคำสั่ง yield รัฐทั้งหมด (ตัวอย่างเช่นตัวแปรโลคัล) จะถูกบันทึก
นอกจากนี้วัตถุผลลัพธ์โดยตรงจะถูกส่งกลับไปยังผู้เรียกเช่น {value: 0, Done: false} ผู้เรียกสามารถใช้วัตถุผลลัพธ์นี้เพื่อตัดสินใจว่าจะ 'ปลุก' ตัวสร้างอีกครั้งโดยการเรียก next () (การเรียก next () คือการย้ำการดำเนินการ)
อีกสิ่งที่สำคัญคือมันสามารถตั้งค่าให้กับตัวแปรท้องถิ่น ค่านี้สามารถส่งผ่านโดย 'next ()' ผู้เรียกเมื่อ 'ปลุก' เครื่องกำเนิด ตัวอย่างเช่น it.next ('valueToPass') เช่นนี้: "resultValue = yield slowQuery (1);" เช่นเดียวกับเมื่อปลุกการเรียกใช้งานครั้งถัดไปผู้เรียกสามารถแทรกผลลัพธ์การทำงานบางรายการไปยังการดำเนินการได้ (การส่งไปยังตัวแปรท้องถิ่น) ดังนั้นสำหรับการดำเนินการนี้มีสองสถานะ:
บริบทที่บันทึกไว้ในการดำเนินการครั้งสุดท้าย
ค่าที่ฉีดโดยทริกเกอร์การดำเนินการนี้
ดังนั้นด้วยคุณสมบัตินี้เครื่องกำเนิดไฟฟ้าสามารถเรียงลำดับการดำเนินการหลาย async ผลลัพธ์ของแบบสอบถาม async แรกจะถูกส่งไปยังแบบสอบถามที่สองโดยการตั้งค่าตัวแปรท้องถิ่น (resultValue ในตัวอย่างด้านบน) การสืบค้นแบบ async ครั้งที่สองนั้นสามารถเรียกใช้งานได้โดยการตอบแบบสอบถามแบบครั้งแรก จากนั้นเคียวรี async ที่สองสามารถตรวจสอบค่าตัวแปรโลคัลเพื่อตัดสินใจขั้นตอนถัดไปเนื่องจากตัวแปรโลคัลคือค่าที่ถูกฉีดจากการตอบกลับของเคียวรีแรก
ปัญหาของการสืบค้น async คือ:
โทรกลับนรก
สูญเสียบริบทจนกว่าจะผ่านเป็นพารามิเตอร์ในการติดต่อกลับ
ผลผลิตและเครื่องกำเนิดไฟฟ้าสามารถช่วยทั้ง
หากไม่มีผลผลิตและตัวสร้างการเรียงลำดับแบบสอบถาม async หลายชุดต้องใช้การเรียกกลับที่ซ้อนกันพร้อมพารามิเตอร์ตามบริบทซึ่งไม่ง่ายต่อการอ่านและบำรุงรักษา
ด้านล่างนี้เป็นตัวอย่างการสืบค้น async ที่ถูกโยงซึ่งทำงานกับ nodejs:
const axios = require('axios');
function slowQuery(url) {
axios.get(url)
.then(function (response) {
it.next(1);
})
.catch(function (error) {
it.next(0);
})
}
function* myGen(i=0) {
let queryResult = 0;
console.log("query1", queryResult);
queryResult = yield slowQuery('https://google.com');
if(queryResult == 1) {
console.log("query2", queryResult);
//change it to the correct url and run again.
queryResult = yield slowQuery('https://1111111111google.com');
}
if(queryResult == 1) {
console.log("query3", queryResult);
queryResult = yield slowQuery('https://google.com');
} else {
console.log("query4", queryResult);
queryResult = yield slowQuery('https://google.com');
}
}
console.log("+++++++++++start+++++++++++");
let it = myGen();
let result = it.next();
console.log("+++++++++++end+++++++++++");
ด้านล่างเป็นผลการดำเนินงาน:
+++++++++++ เริ่ม +++++++++++
แบบสอบถาม 1 0
+++++++++++ ปลาย +++++++++++
แบบสอบถาม 2 1
แบบสอบถาม 4 0
รูปแบบสถานะด้านล่างสามารถทำสิ่งที่คล้ายกันสำหรับตัวอย่างด้านบน:
const axios = require('axios');
function slowQuery(url) {
axios.get(url)
.then(function (response) {
sm.next(1);
})
.catch(function (error) {
sm.next(0);
})
}
class StateMachine {
constructor () {
this.handler = handlerA;
this.next = (result = 1) => this.handler(this, result);
}
}
const handlerA = (sm, result) => {
const queryResult = result; //similar with generator injection
console.log("query1", queryResult);
slowQuery('https://google.com');
sm.handler = handlerB; //similar with yield;
};
const handlerB = (sm, result) => {
const queryResult = result; //similar with generator injection
if(queryResult == 1) {
console.log("query2", queryResult);
slowQuery('https://1111111111google.com');
}
sm.handler = handlerC; //similar with yield;
};
const handlerC = (sm, result) => {
const queryResult = result; //similar with generator injection;
if (result == 1 ) {
console.log("query3", queryResult);
slowQuery('https://google.com');
} else {
console.log("query4", queryResult);
slowQuery('https://google.com');
}
sm.handler = handlerEnd; //similar with yield;
};
const handlerEnd = (sm, result) => {};
console.log("+++++++++++start+++++++++++");
const sm = new StateMachine();
sm.next();
console.log("+++++++++++end+++++++++++");
ต่อไปนี้เป็นผลการทำงาน:
+++++++++++ เริ่ม +++++++++++
แบบสอบถาม 1 0
+++++++++++ ปลาย +++++++++++
แบบสอบถาม 2 1
แบบสอบถาม 4 0