blocks|key|2635080|text|我有个答案。我能做到这一点|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2635081|var+self+=+<grunt.task.IMultiTask<string>>this;
self.files.forEach(function+(f)+{

});|code-block|syntax|javascript|2635082|这还行。会有后果，比如不能写箭头函数.|2635083|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I have a bit of an answer. I can do this;

<pre><code>var self = &lt;grunt.task.IMultiTask&lt;string&gt;&gt;this;
self.files.forEach(function (f) {

});
</code></pre>

which works OK. It's gonna have consequences, like not being able to write arrow functions...

blocks|key|2635098|text|我如何告诉TypeScript把这看作是另一种类型|type|blockquote|depth|inlineStyleRanges|entityRanges|data|2635099|您可以通过声明一个this参数来实现这一点。对于您的用例，我添加了this:+{files:any[]}|unstyled|offset|length|style|CODE|2635100|grunt.registerMultiTask('clean',+function(this:+{files:any[]})+{
++++this.files.forEach(function(f)+{+Delete(f);+});
});|code-block|syntax|javascript|2635101|更多|2635102|参数|unordered-list-item|2635103|entityMap|0|LINK|mutability|MUTABLE|url|https://www.typescriptlang.org/docs/handbook/2/functions.html#declaring-this-in-a-function^0|0|9|4|X|J|0|0|0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@$E|12|F|13|G|H]|$E|14|F|15|G|H]]|9|@]|A|$]]|$1|I|3|J|5|K|7|16|8|@]|9|@]|A|$L|M]]|$1|N|3|O|5|D|7|17|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|18|8|@]|9|@$E|19|F|1A|1|1B]]|A|$]]|$1|S|3|-4|5|D|7|1C|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<blockquote>
How do I tell TypeScript to consider this to be a different type
</blockquote>
You can do that by declaring a <code>this</code> parameter. For your use case I've added <code>this: {files:any[]}</code>:
<pre><code>grunt.registerMultiTask('clean', function(this: {files:any[]}) {
 this.files.forEach(function(f) { Delete(f); });
});
</code></pre>
<h1>More</h1>
<ul>
<li><a href="https://www.typescriptlang.org/docs/handbook/2/functions.html#declaring-this-in-a-function" rel="noreferrer">Official docs on <code>this</code> parameter</a></li>
</ul>

blocks|key|819432|text|现在(从TS+2.0)您可以通过使用this参数指定函数的假这个类型(应该是第一个)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|819433|grunt.registerMultiTask('clean',+function(this:+SomeType)+{
++++//...
});|code-block|syntax|javascript|819434|this参数是函数的参数列表中第一位的假参数。|blockquote|819435|更多信息这里|819436|entityMap|0|LINK|mutability|MUTABLE|url|https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html#specifying-the-type-of-this-for-functions|1|https://www.typescriptlang.org/docs/handbook/2/functions.html#declaring-this-in-a-function^0|I|4|T|3|0|0|0|0|4|0|4|2|1|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|M|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|N|3|O|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|P|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|S|T|U|E|$V|Y]]]]

Now (from TS 2.0) you can specify function's <code>this</code> type by using <a href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html#specifying-the-type-of-this-for-functions" rel="noreferrer">fake this</a> parameter (should be the first one):
<pre><code>grunt.registerMultiTask('clean', function(this: SomeType) {
 //...
});
</code></pre>
<blockquote>
<code>this</code> parameters are fake parameters that come first in the parameter list of a function
</blockquote>
More info <a href="https://www.typescriptlang.org/docs/handbook/2/functions.html#declaring-this-in-a-function" rel="noreferrer">here</a>

blocks|key|819451|text|虽然我发现现在可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|819452|class+ClassyClass+{
++++prop+=+'Juicy+Strings'
}

function+x(+this:+ClassyClass+)+{
++++console.log(+this.prop+)
}|code-block|syntax|javascript|819453|我更喜欢在争论中不占用房地产的另一种选择|819454|function+x()+{
++++const+that:+ClassyClass+=+this

++++console.log(+that.prop+)
}|819455|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

While I found that is now possible with this:

<pre><code>class ClassyClass {
 prop = 'Juicy Strings'
}

function x( this: ClassyClass ) {
 console.log( this.prop )
}
</code></pre>

I have come prefer an alternative that doesn't take up real estate in the arguments line

<pre><code>function x() {
 const that: ClassyClass = this

 console.log( that.prop )
}
</code></pre>

I'm writing a <a href="http://gruntjs.com/api/inside-tasks" rel="noreferrer">grunt task</a> in TypeScript. I'm trying to translate something I already have in JavaScript. 

So, when grunt runs a task, it runs a function. When it runs, grunt sets <code>this</code> to an object with useful properties, the same way that jQuery overloads <code>this</code> with the element you are working on. I could access useful properties like <code>this.files</code>;

<pre><code>grunt.registerMultiTask('clean', function() {
 this.files.forEach(function(f) { Delete(f); });
});
</code></pre>

So, "delete all the files in <code>this.files</code>".

However, in TypeScript, I don't know if you can 'hint' to the compiler that <code>this</code> is a particular type, so I don't get intellisense. How do I tell TypeScript to consider <code>this</code> to be a different type?

Declaring the type of 'this' in a typescript function?

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我在用写TypeScript。我正在尝试翻译我在JavaScript中已经拥有的东西。所以，当grunt运行一个任务时，它会运行一个函数。运行时，grunt会将this设置为具有有用属性的对象，就像jQuery用您正在处理的元素重载this一样。我可以访问有用的属性，如this.files；grunt.register...

问在类型记录函数中声明“this”的类型？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在类型记录函数中声明“this”的类型？EN