Chrome开发工具中的调试技术

Question

以下是我正在调试的Redux代码片段，真的没什么特别的。 我的问题是有关在Chrome开发工具中对其进行调试。

问题是在回调.then(({ data }) => dispatch({设置断点（bp）。我可以在这行上设置bp，但是由于箭头功能dispatch我不能在user: data.results[0],上设置bp user: data.results[0],在此函数内。

我该怎么做才能设置bp，以便可以检查data或data.results[0]
我可以以某种方式调试到Promise链中吗？

export const login = (username, password) => (dispatch) => {
  return dispatch({
    type: LOGIN,
    payload: {
      username,
      password,
    }
  })
  .then(({ data }) => dispatch({
    type: LOGIN_SUCCESS,
    payload: {
      user: data.results[0],
    },
  }))
  .catch((error) => {
    dispatch({
      type: LOGIN_FAIL,
      payload: {
        error: error.message,
      },
    });
  });
};

Answer 1

将.then函数替换为以下文本：

  .then(function({ data }) { 
    dispatch({
        type: LOGIN_SUCCESS,
        payload: {
          user: data.results[0],
        },
      })
    })

现在您应该可以调试了。

您可以使用setTimeout引用JavaScript承诺解析，以更好地了解=>和function（）{}

Answer 2

你有没有尝试过

debugger;

？

它与断点相同，但是在调试后不要忘记删除=）