Accessing the setter's name from within a Javascript setter function

Question

Can anyone help me figure out how to get the name of the setter that is called when assigning a value? Here's an example:

var b = {};

var a = {
 set hey(value) {
  b[<name of setter>] = value;
 }
}

I would like to retrieve the name of the setter as 'hey', so b.hey will be equal to the value assigned to a.hey.

I've been searching for a solution for a few days now with no luck. Any assistance would be greatly appreciated!

Answer 1

Answer №1

To retrieve the function name, you can utilize arguments.callee.name, remove the initial set, and then assign it to a property of b:

var b = {};
var a = {
  set hey(value) {
    const name = arguments.callee.name.slice(4);
    b[name] = value;
  }
}
a.hey = 'foo';

console.log(b);

In strict mode, this method will not work effectively - a better alternative could be using a Proxy for a if feasible:

var b = {};
var a = new Proxy({}, { set: (_, prop, val) => {
  b[prop] = val;
}});
a.hey = 'foo';

console.log(b);

Answer 2

To retrieve the function name, you can utilize arguments.callee.name, remove the initial set, and then assign it to a property of b:

var b = {};
var a = {
  set hey(value) {
    const name = arguments.callee.name.slice(4);
    b[name] = value;
  }
}
a.hey = 'foo';

console.log(b);

In strict mode, this method will not work effectively - a better alternative could be using a Proxy for a if feasible:

var b = {};
var a = new Proxy({}, { set: (_, prop, val) => {
  b[prop] = val;
}});
a.hey = 'foo';

console.log(b);