question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Set context of this keyword in definition file

See original GitHub issue

Search Terms

set this context in typescript definition file

Suggestion

A way to change the context of this keyword in a type definition file. This is admittedly a weird feature since, to my knowledge, it doesn’t really align with how modules work. Perhaps there is another way to achieve this use case.

Use Cases

Here’s a video of how my application works - https://vimeo.com/315553984

I have an application that allows users to write code which will then be executed via the Function API - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function Here’s a simplified version of how the app works at its core -

const userCode = `
  console.log(this, foo, bar);
`;
const func = Function('foo', 'bar', userCode);
func.call({myThis: 'hello'}, 'fooString', 'barString');

My app allows users to write their code in Monaco editor and I’ve successfully added type definitions for the foo and bar variables via the addExtraLib method - https://microsoft.github.io/monaco-editor/api/interfaces/monaco.languages.typescript.languageservicedefaults.html

So when the user starts to type foo intellisense informs them that it is a string. I’d like to do the same for the this keyword.

Examples

See use cases ^

Checklist

My suggestion meets these guidelines:

  • This wouldn’t be a breaking change in existing TypeScript/JavaScript code
  • This wouldn’t change the runtime behavior of existing JavaScript code
  • This could be implemented without emitting different JS based on the types of the expressions
  • This isn’t a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
  • This feature would agree with the rest of TypeScript’s Design Goals.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:6
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
clarkbynumcommented, Feb 6, 2019

Is there anyway TS knows what this is in the global scope? https://www.typescriptlang.org/play/#src=const thing %3D this%3B

If you hover over this in the above playground link it shows as any

0reactions
unionalcommented, Feb 5, 2019

It feels like a Monaco editor issue. But I’m not 100% sure.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Set context of this keyword in definition file #29758 - GitHub
A way to change the context of this keyword in a type definition file. This is admittedly a weird feature since, to my...
Read more >
Understanding Javascript 'this' keyword (Context)
Context is always the value of the this keyword which is a reference to the object that “owns” the currently executing code or...
Read more >
this - JavaScript | MDN
A function's this keyword behaves a little differently in JavaScript compared to other languages. It also has some differences between ...
Read more >
The JavaScript `this` Keyword + 5 Key Binding Rules ...
In JavaScript, the this keyword allows us to: * Reuse functions in different execution contexts. It means, a function once defined.
Read more >
Understanding the 'this' keyword in JavaScript
Using any of the above will allow you to change the context of a function, which in effect will change the this value....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found