Getting the name of the current property function in JavaScript

Question

Getting the name of the current property function in JavaScript

I have an item that is structured like this. It contains attributes that reference a function. What I am trying to achieve is to eliminate the repetition of 'DEVELOPER' (once for the attribute name and once for the parameter value) by dynamically fetching the current attribute being called.

Moreover, I prefer not to include 'DEVELOPER' as an argument in the initial invocation so that intellisense can detect it automatically.

return {
    DEVELOPER: function ()
                {
                    return getEmailRecipients("DEVELOPER")
                }
}
 //the invocation looks like this.
 emailGroups.DEVELOPER();

Essentially, I aim to accomplish something similar to the following:

return {
    DEVELOPER: function ()
                {
                    return getEmailRecipients({this.currentPropName}) //This should result in the value of DEVELOPER.
                }
}

If there is a more effective approach for achieving this task, I am open to suggestions.

Thank you in advance!

javascript function object ecmascript-5

Answer 1

Answer №1

It seems that achieving this is not straightforward or natively supported.

One approach could be utilizing the name function from arguments.callee like so...

arguments.callee.name

However, the support for the name property of functions may be limited.

Alternatively, you might consider a workaround such as...

this.toSource().match(/\{(.*?):/)[1].trim ()

Please note that this method only works for retrieving the first item in an object.

Another idea is to define the object to be returned as a variable and iterate over it to assign each item a new property storing its name.

Here's an example:

// Object to return to emailGroups
var data = {
    DEVELOPER: function ()
    {
        return getEmailRecipients (arguments.callee.givenName)
    }
}

// Assign a property with the item name to each object item
for (var name in data) {
    if (data.hasOwnProperty (name) === true) {
        data[name].givenName = name;
    }
}

// Return the data variable as emailGroups
return data;

Answer 2

It seems that achieving this is not straightforward or natively supported.

One approach could be utilizing the name function from arguments.callee like so...

arguments.callee.name

However, the support for the name property of functions may be limited.

Alternatively, you might consider a workaround such as...

this.toSource().match(/\{(.*?):/)[1].trim ()

Please note that this method only works for retrieving the first item in an object.

Another idea is to define the object to be returned as a variable and iterate over it to assign each item a new property storing its name.

Here's an example:

// Object to return to emailGroups
var data = {
    DEVELOPER: function ()
    {
        return getEmailRecipients (arguments.callee.givenName)
    }
}

// Assign a property with the item name to each object item
for (var name in data) {
    if (data.hasOwnProperty (name) === true) {
        data[name].givenName = name;
    }
}

// Return the data variable as emailGroups
return data;

Getting the name of the current property function in JavaScript

Answer №1

Similar questions

Creating a central navigation menu for a website

Encountering an unexpected token error - Karma and Webpack testing having trouble with the forward slash symbol

Determining Velocity of an Object in Three.js

Ensure the video plays automatically without being muted

Issue TS1259: The module "".../node_modules/@types/bn.js/index"" can only be imported as the default using the 'esModuleInterop' flag

Is there a way to eliminate the blue border from a Material React Modal?

What could be causing the console to display undefined?

Personalized animated Reactflow Connection Lines

Is there a way to create a stacked bar chart through iterative steps?

The behavior of Quasar's q-drawer is quite unpredictable

Automate CSS slideshow playback using JavaScript

The mapDispatchToProps function is failing to work, throwing an error: Uncaught TypeError: _this.props.addCountdown is not a function

What is the best way to query for a mongoose ObjectId within feathers?

What is the process for transitioning from one HTML file to another in order to develop an iOS hybrid application?

Utilizing a Custom Hook for Updating Components in useEffect

Utilizing Props in React to Slice and Dice Data Within a Separate Component

Sails.js seems to be malfunctioning, as it does not seem to be recognizing the term 'sails'

JavaScript objects compared to arrays and JSON format

What is the proper method for utilizing colspan within the footerData of a jqGrid?

Create a random word from a single string within the data in Nuxt.js