我有一个与rest api交互的redux中间件。我最近开始使用async / await重写一些提取函数。
为了让对我来说最有意义,我需要将中间件函数本身作为异步函数,以便我可以使用" await"和我创建的其他异步函数上的try / catch块,而不是必须使用.then,.catch。
到目前为止,我有这个:
#include <stdlib.h>
#include <GL/glut.h>
GLuint objectList;
GLfloat xRotated, yRotated, zRotated;
GLdouble size = 0.5;
float xpos = 0.0;
float ypos = 0.0;
float zpos = 0.0;
int x = 1;
float r, g, b;
/*
* Initialize depth buffer, projection matrix, light source, and lighting
* model. Do not specify a material property here.
*/
void init(void)
{
GLfloat ambient[] = { 0.0, 0.0, 0.0, 1.0 };
GLfloat diffuse[] = { 1.0, 1.0, 1.0, 1.0 };
GLfloat specular[] = { 1.0, 1.0, 1.0, 1.0 };
GLfloat position[] = { 0.0, 3.0, 3.0, 0.0 };
GLfloat lmodel_ambient[] = { 0.2, 0.2, 0.2, 1.0 };
GLfloat local_view[] = { 0.0 };
glLightfv(GL_LIGHT0, GL_AMBIENT, ambient);
glLightfv(GL_LIGHT0, GL_DIFFUSE, diffuse);
glLightfv(GL_LIGHT0, GL_POSITION, position);
glLightModelfv(GL_LIGHT_MODEL_AMBIENT, lmodel_ambient);
glLightModelfv(GL_LIGHT_MODEL_LOCAL_VIEWER, local_view);
glFrontFace(GL_CW);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glEnable(GL_AUTO_NORMAL);
glEnable(GL_NORMALIZE);
glEnable(GL_DEPTH_TEST);
objectList = glGenLists(1);
glNewList(objectList, GL_COMPILE);
glutSolidTeapot(0.5);
glEndList();
}
/*
* Move object into position. Use 3rd through 12th
* parameters to specify the material property. Draw a teapot.
*/
void renderObject(GLfloat x, GLfloat y,
GLfloat ambr, GLfloat ambg, GLfloat ambb,
GLfloat difr, GLfloat difg, GLfloat difb,
GLfloat specr, GLfloat specg, GLfloat specb, GLfloat shine)
{
GLfloat mat[4];
glPushMatrix();
glTranslatef(x, y, 0.0);
mat[0] = ambr; mat[1] = ambg; mat[2] = ambb; mat[3] = 1.0;
glMaterialfv(GL_FRONT, GL_AMBIENT, mat);
mat[0] = difr; mat[1] = difg; mat[2] = difb;
glMaterialfv(GL_FRONT, GL_DIFFUSE, mat);
mat[0] = specr; mat[1] = specg; mat[2] = specb;
glMaterialfv(GL_FRONT, GL_SPECULAR, mat);
glMaterialf(GL_FRONT, GL_SHININESS, shine * 128.0);
glCallList(objectList);
glPopMatrix();
}
void idle(void) {
//xRotated += 0.01;
yRotated += 0.01;
//zRotated += 0.01;
if (xpos > -1 && x == 1) {
xpos = -15;
ypos = 0;
}
else {
x = 0;
if (xpos <= 15) {
xpos += 0.001;
//ypos += 0.001;
}
else {
xpos = 1;
ypos = 1;
x = 1;
}
}
glutPostRedisplay();
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
// glRotatef(xRotated, 1.0, 0.0, 0.0);
// rotation about Y axis
glRotatef(xRotated, 1.0, 0.0, 0.0);
// rotation about the Z axis
glRotatef(yRotated, 0.0, 1.0, 0.0);
// scale transformation
glScalef(1.0, 1.0, 1.0);
// glut spheres
renderObject(2.0, 11.0, 0.05375, 0.05, 0.06625,
0.18275, 0.17, 0.22525, 0.332741, 0.328634, 0.346435, 0.3);
renderObject(2.0, 8.0, 0.25, 0.20725, 0.20725,
1, 0.829, 0.829, 0.296648, 0.296648, 0.296648, 0.088);
renderObject(2.0, 5.0, 0.1745, 0.01175, 0.01175,
0.61424, 0.04136, 0.04136, 0.727811, 0.626959, 0.626959, 0.6);
renderObject(6.0, 11.0, 0.25, 0.25, 0.25,
0.4, 0.4, 0.4, 0.774597, 0.774597, 0.774597, 0.6);
renderObject(6.0, 8.0, 0.19125, 0.0735, 0.0225,
0.7038, 0.27048, 0.0828, 0.256777, 0.137622, 0.086014, 0.1);
renderObject(6.0, 5.0, 0.24725, 0.1995, 0.0745,
0.75164, 0.60648, 0.22648, 0.628281, 0.555802, 0.366065, 0.4);
renderObject(10.0, 11.0, 0.0, 0.0, 0.0,
0.1, 0.35, 0.1, 0.45, 0.55, 0.45, .25);
renderObject(10.0, 8.0, 0.0, 0.0, 0.0, 0.5, 0.0, 0.0,
0.7, 0.6, 0.6, .25);
renderObject(10.0, 5.0, 0.0, 0.0, 0.0, 0.55, 0.55, 0.55,
0.70, 0.70, 0.70, .25);
renderObject(14.0, 11.0, 0.0, 0.05, 0.0, 0.4, 0.5, 0.4,
0.04, 0.7, 0.04, .078125);
renderObject(14.0, 8.0, 0.05, 0.0, 0.0, 0.5, 0.4, 0.4,
0.7, 0.04, 0.04, .078125);
renderObject(14.0, 5.0, 0.05, 0.05, 0.05, 0.5, 0.5, 0.5,
0.7, 0.7, 0.7, .078125);
renderObject(18.0, 11.0, 0.0, 0.05, 0.0, 0.4, 0.5, 0.4,
0.04, 0.7, 0.04, .078125);
renderObject(18.0, 8.0, 0.05, 0.0, 0.0, 0.5, 0.4, 0.4,
0.7, 0.04, 0.04, .078125);
renderObject(18.0, 5.0, 0.05, 0.05, 0.05, 0.5, 0.5, 0.5,
0.7, 0.7, 0.7, .078125);
glutSwapBuffers();
}
void reshape(int w, int h)
{
glViewport(0, 0, (GLsizei)w, (GLsizei)h);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0.0, 16.0, 0.0, 16.0*(GLfloat)h / (GLfloat)w,
-10.0, 10.0);
glMatrixMode(GL_MODELVIEW);
}
/*
* Main Loop
*/
int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
glutInitWindowSize(750, 750);
glutInitWindowPosition(50, 50);
glutCreateWindow(argv[0]);
init();
glutReshapeFunc(reshape);
glutDisplayFunc(display);
glutIdleFunc(idle);
glutMainLoop();
return 0;
}
请注意在&#34; action&#34;之前使用 async 关键字。到目前为止,这似乎按预期工作,我能够等待来自该中间件的其他异步函数。但是,由于我无法找到相关文档,我想知道我所做的确实是有效的。
谢谢
答案 0 :(得分:5)
您是否考虑过研究Redux Sagas? https://redux-saga.js.org/
这是专门为使异步功能的使用更易于管理而创建的。 而且我认为实现这一点可以使您的异步功能更易于理解,并且更易于调试。
您的代码是有效的javascript,但是由于函数的异步性质,您可能会在状态中遇到不一致的情况。
如果异步动作在分派下一个动作之前尚未完成,则第二个动作将使用状态版本,该状态可能在运行时被第一个动作所改变。
此行为可能会给您带来您所描述的问题。
编辑:我得知您已经在使用redux-thunks
在redux thunk中,您可以在等待状态下链接动作调度,并利用调度的返回。
本文中的示例如何与redux-thunk链接动作:https://blog.jscrambler.com/async-dispatch-chaining-with-redux-thunk/
const dispatchChaining = () => async (dispatch) => {
await Promise.all([
dispatch(loadPosts()), // <-- async dispatch chaining in action
dispatch(loadProfile())
]);
return dispatch(updateDone());
};
const actions = redux.bindActionCreators({dispatchChaining}, store.dispatch);
actions.dispatchChaining().then(() => unsubscribe());
请注意,只要有退货,便可以进行这些分派。这样做的好处是,我们可以并行触发异步调度,并等待两者完成。然后,更新isDone知道两个调用都已完成,而没有任何不可预测的行为。这些可重用的代码块可以驻留在商店的不同部分,以保持关注点分离。