vue项目调试打断点，在promise, async包裹的函数中，this识别不了，但是代码中的console.log可以正常打印出this, 但是在浏览器的控制台打印是 undefined

console.log 查看 this 信息，或是用变量将 this 值存起来

用 vscode 调试工具查看闭包变量

_this6 就是 this 的值

原因：是因为编译的时候，是将 this 值用新变量存起来了

我的代码如下

编译生成的文件如下，注意 configureWebpack 设置 devtool: "source-map" 不然编译后的文件你可能看不懂

用新变量名可以取到 this 值

得看你的 vue 文件编译后的 this 名称叫什么，一般是 _this

如何查找打开编译出来的文件

后台成功打上断点后

前端刷新页面 sources 会自动弹出编译的文件

# vue.js # javascript # 前端
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

AI Agent 面试题 565：多Agent系统中的Agent角色动态切换机制

协作模式（层级/对等/混合） 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 多智能体系统 层面实现智能化的行为和决策。在实际应用中，协作模式（层级/对等/混合） 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，协作模式（层级/对等/混合） 的研究可以追溯到人工智能的早期阶段。早在 195

avatar AI Agent技术社区

AI Agent 面试题 564：如何实现多Agent系统的分布式日志收集？

通信协议设计 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 多智能体系统 层面实现智能化的行为和决策。在实际应用中，通信协议设计 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，通信协议设计 的研究可以追溯到人工智能的早期阶段。早在 1950 年代，Alan Turing 就提出了关于机

avatar AI Agent技术社区

AI Agent 面试题 563：多Agent系统中的知识融合和冲突消解

冲突解决 是 AI Agent 技术体系中的重要组成部分。简单来说，它涉及到 Agent 如何在 多智能体系统 层面实现智能化的行为和决策。在实际应用中，冲突解决 的核心目标是让 Agent 能够更加高效、准确地完成特定任务。这需要我们深入理解其底层原理和实现机制。从学术角度来看，冲突解决 的研究可以追溯到人工智能的早期阶段。早在 1950 年代，Alan Turing 就提出了关于机器智能的基本

avatar AI Agent技术社区