zoukankan      html  css  js  c++  java
  • JS中axios使用注意点

        今天遇到这样一个问题,前端会同时弹出成功和失败的两个提示框,由于不是本人操作,也没有怀疑是前端代码的问题,就索性根据后端的日志作为分析依据,开始个人以为是后端接口上班了两次结果,一个是成功,另外一个是失败;但是经过对后端日志详细分析后发现后端的运作流程一切正常,没有发现异常的流程,这下就犯难了,又开始怀疑是不是快速操作导致的,可能是网络延迟导致前一个的结果还没送达,而第二次的结果就送达了,若是这样解释的话,也是可以理解的。后来又听说这现象是必现的,那总不可能都是网络原因吧。于是只好检查前端代码了,由于这些代码是其他同事很早之前写的,也没有怀疑会有逻辑和语法错误,一边梳理一遍自测,正好遇到同时弹出成功和失败的两个提示框,按下F12,一看console内容,提示有个变量是未定义的,一看代码原来是语法错误,在axios的then中使用了this对象,用this引用属性,导致抛出异常,就这么一个低级错误,隐藏这么深,不起眼,浪费我耗时这么久才发现,通过变量替换就可以了,用self替换this即可。

        小结:个人觉得在函数体的开头最好定义let self=this,在函数体的其它地方统一使用self访问属性和方法,避免低级错误的发生。

    20191108闪

  • 相关阅读:
    3185 队列练习 1 3186 队列练习 2
    1063 合并果子
    堆排序
    奇怪的电梯
    3411 洪水
    2010 求后序遍历
    1729 单词查找树
    3137 栈练习1
    2821 天使之城
    括弧匹配检验(check.cpp)
  • 原文地址:https://www.cnblogs.com/bien94/p/11823292.html
Copyright © 2011-2022 走看看