Is it possible to access the method/function name within a TypeScript class?
In the TypeScript snippet below, the intention is to display both the class name and the method name while the code is running. The class name can be obtained using this.constructor.name, but how can the method name be retrieved?
export class MyClass {
public myMethod() {
console.log('Class name: ' + this.constructor.name);
console.log('Method name: ' + XXX);
}
}
To streamline the logging process for the invocation of methods like myMethod and others in a more abstract manner (considered a cross-cutting concern), you can utilize a decorator:
function log<A extends any[], R>(
target: Object,
methodName: string,
descriptor: TypedPropertyDescriptor<(...args: A) => R>) {
let method = descriptor.value!; // this is the wrapped function
descriptor.value = function (...args: A) {
// method.name can also be used instead of methodName to retrieve the method's name
console.log("Calling", methodName, "with", args, "from", target.constructor.name)
return method.apply(target, args);
}
}
class MyClass {
@log
public myMethod() { }
@log
public myMethod2(s: string) { return 42 }
}
new MyClass().myMethod() // Calling myMethod with Array [] from MyClass
new MyClass().myMethod2("foo") // Calling myMethod2 with Array [ "foo" ] from MyClass
Check out a demo. Please note that this functionality is still in development and must be enabled using the experimentalDecorators compiler option.
For those operating within a Node environment, there is an option to utilize the caller-callsite library in the following manner:
callerCallsite().getMethodName();
This will result in the following output:
"exampleFunction"
I'm currently working on a project using NextJs and TypeScript, but I've encountered an issue with types in the getServerSideProps function. In my code snippet for getServerSideProps, I am retrieving data using context.query. However, despite my ...
Consider a scenario where there is a function with multiple optional parameters. Why does the function's arity not have a type guard based on the arguments keyword and what are some solutions that do not require altering the implementation or resorti ...
I'm currently facing an issue with the navbar in my project. The bootstrap navbar doesn't close automatically after clicking on a link. I have to move my mouse away from the navbar for it to close, which is not ideal. Additionally, I'm worki ...
I am currently developing a final Angular2 application with two modules: CoreModule: This module includes shared components and services. AppModule: The main module of the application. AppModule: /** * Created by jamdahl on 9/21/16. */ // Imports impo ...
I am facing an issue with my async function that is supposed to return either a single string or an array of strings. Here is the relevant code snippet: async getAllAnnotationTimes(): Promise<string> | Promise<string[]> { return aw ...
page.html <app-parcel-delivery-cost-promo [parcelDeliveryCost]="parcelDeliveryCost"> </app-parcel-delivery-cost-promo> page.ts changeDetection: ChangeDetectionStrategy.OnPush, parcelDeliveryCost: Partial<ParcelDeliveryCostModel>; ...
I am facing an issue on my shop page where I have a FilterBarComponent as a child component. On initialization, I want it to emit all the categories so that all products are rendered by default. However, on my HomePageComponent, there is a button that allo ...
Here is an array of objects that I would like to group based on certain keys (JSON format): [ { "name": "john", "lastName": "doe", "gender": "male" }, { "name": &qu ...
const jsonArray = { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdent ...
It has been more than ten years since I last worked with JavaScript, but recently I had an idea for an app that would be best implemented as a NodeJS app. As I delved into the modern JS ecosystem, like many others, I found myself thoroughly confused, haha. ...
When I select a checkbox for any section and then click the submit button, I want to display the details of that section in the console. Can someone assist me with this? **Stackblitz link:** : https://stackblitz.com/edit/angular-q7y8k1?file=src%2Fapp%2Fa ...
I am encountering a problem with a mat-datepicker displaying below a modal in my Angular application. Here are the key details: Html: <div class="col-12"> <mat-form-field appearance="fill"> <mat-label>Start Date ...
My issue is very similar to the one mentioned in this thread: Typescript: instance of an abstract class, however, there are some distinctions. If it is indeed a duplicate problem, I would appreciate a clear explanation as I am currently unable to resolve t ...
How can I make certain cells in a column editable in angular ag-grid? I have a grid with a column named "status" which is a dropdown field and should only be editable for specific initial values. The dropdown options for the Status column are A, B, C. When ...
One of my functions involves taking a map and generating the bijection of that map: export function createBijection(map) { const bijection = {}; Object.keys(map).forEach(key => { bijection[key] = map[key]; bijection[map[key]] = key; }); ...
I am facing an issue with a particular test case: test('get html element content editable value', () => { // arrange const id = 'foo'; document.body.innerHTML = `<div id='${id}' contenteditable="true">1</div ...
Currently, I am working with Ionic2/Typescript and facing an issue regarding synchronization of two Promises. I need both Promises to complete before proceeding further in a synchronous manner. To achieve this, I have placed the calls to these functions in ...
Explanation of two different array formats const arr1 = [ { "elementName": "one" }, { "elementName": "two" } ] const arr2 = [ { "type": "RPT_PROPERTY_DEMOGRP", "values": [ { "label": "HH" }, { " ...
I'm having issues with applying styles using @material-ui/core in my React app. Some of the styles are not being applied properly. You can check out my sandbox for the full code (relevant snippets below). Although I followed the instructions from Ma ...
I am currently working on updating some code due to a library upgrade that requires it to be made async. The code in question has a base class that is inherited by other classes, and I need to call some functions in the constructor that are now asynchronou ...