blocks|key|2478536|text|尝试使用以下语法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2478537|.catch(err+=>+this.handleErrorResponse(err));|code-block|syntax|javascript|2478538|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try using this syntax : 

<pre><code>.catch(err =&gt; this.handleErrorResponse(err));
</code></pre>

blocks|key|2477892|text|这一切的发生是因为当你这样做的时候|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2477893|.catch(this.handleErrorResponse);|code-block|syntax|javascript|2477894|在这里，this对其作用域有限制。它目前是catch函数的一个作用域。|offset|length|style|CODE|2477895|你需要的是一个lexical+scoping|2477896|ES6箭头函数语法使用“词法作用域”来确定“|2477897|”的值应该是什么。词法作用域是一种奇特的方式，它使用周围代码…中的“this”包含相关代码的代码。|blockquote|2477898|2477899|2477900|所以当我们这样做的时候|2477901|.catch(err+=>+this.handleErrorResponse(err));+//here+this+points+to+its+module's+scope|2477902|entityMap|0|LINK|mutability|MUTABLE|url|https://toddmotto.com/es6-arrow-functions-syntaxes-and-lexical-scoping/#functionality-lexical-scoping-this^0|0|0|4|4|L|5|0|7|F|7|F|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|19|8|@$I|1A|J|1B|K|L]|$I|1C|J|1D|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|1E|8|@$I|1F|J|1G|K|L]]|9|@$I|1H|J|1I|1|1J]]|A|$]]|$1|O|3|P|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1L|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1O|8|@]|9|@]|A|$]]|$1|X|3|Y|5|D|7|1P|8|@]|9|@]|A|$E|F]]|$1|Z|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]]]

It is all happening because when you do 

<pre><code>.catch(this.handleErrorResponse);
</code></pre>

Here <code>this</code> has limitations to its scope. It is currently a scope of <code>catch</code> function. 

What you need is a <a href="https://toddmotto.com/es6-arrow-functions-syntaxes-and-lexical-scoping/#functionality-lexical-scoping-this" rel="nofollow noreferrer"><code>lexical scoping</code></a>

<blockquote>
 The ES6 arrow function syntax uses “lexical scoping” to figure out
 what the value of “this” should be. Lexical scoping is fancy way of
 saying it uses “this” from the surrounding code… the code that
 contains the code in question.
</blockquote>

So when we do 

<pre><code>.catch(err =&gt; this.handleErrorResponse(err)); //here this points to its module's scope
</code></pre>

blocks|key|626955|text|通过内部函数修复：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626956|constructor(private+router:+Router)+{+}

++++public+sendRequestOrRedirect(){
++++var+url+=+environment.url
++++var+json+=+//someJSON+here
++++return+this.httpClient.patch(url,json).toPromise().then(res=>{
++++++return+res;
++++}).catch((err)+=>+{
++++++++++if(err.status+==+401){
++++++++++++console.log("Got+a+401")
++++++++++++this.router.navigate(['/getout'])
++++++++++}
++++++++});
++++}|code-block|syntax|javascript|626957|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Fixed it with an inner function:

<pre><code>constructor(private router: Router) { }

 public sendRequestOrRedirect(){
 var url = environment.url
 var json = //someJSON here
 return this.httpClient.patch(url,json).toPromise().then(res=&gt;{
 return res;
 }).catch((err) =&gt; {
 if(err.status == 401){
 console.log("Got a 401")
 this.router.navigate(['/getout'])
 }
 });
 }
</code></pre>

Using the <code>this</code> keyword from within a <code>catch</code> clause after firing a promise reports "this" as being <code>undefined</code>. What i want to do is simple, i have a <code>Router</code> object injected in the constructor of a service, from a method i fire an http request via a client, in case the response <code>!=2*</code> then i want to redirect the user. 
For some reason, the current object (the service), seems gone, it looks like the <code>catch</code> is executed in another thread that is totally unaware of the service:
The constructor: 

<pre><code>constructor(private router: Router) { }

public sendRequestOrRedirect(){
var url = environment.url
var json = //someJSON here
return this.httpClient.patch(url,json).toPromise().then(res=&gt;{
 return res;
}).catch(err =&gt; this.handleErrorResponse(err));
</code></pre>

}

<pre><code>private handleErrorResponse (error: Response | any) {
 if(error.status == 401){
 this.router.navigate['/getout'];
 return Promise.reject(error.status);
 }
 }
 }
</code></pre>

So the result of <code>this.router</code>will eventually throw an error saying that <code>this</code> is actually undefined.
Any suggestion about how i could solve this and more importantly, why it happens?

Accessing 'this' from catch clause after firing a promise

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在触发promise之后，在catch子句中使用this关键字将"this“报告为undefined。我想做的很简单，我在一个服务的构造函数中注入了一个Router对象，这个对象来自一个方法，我通过一个客户端触发了一个http请求，如果响应是!=2*，那么我想要重定向用户。由于某些原因，当前对象(服务)似乎消失了，看起...

问在触发promise之后从catch子句访问'this‘
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在触发promise之后从catch子句访问'this‘EN