Al agregar un nuevo método a un objeto a través de un método, la función no tiene nombre (anónimo), y al escribir un nuevo método para un objeto en el código, la función tiene un nombre. ¿Por qué sucede de esta manera?
let calc = new Calculator; //console.log( calc.calculate("3 + 7") ); let powerCalc = new Calculator; powerCalc.addMethod("*", (a, b) => a * b); powerCalc.addMethod("/", (a, b) => a / b); powerCalc.addMethod("**", (a, b) => a ** b); let result = powerCalc.calculate("2 ** 3"); //console.log( result ); console.log(powerCalc.methods["+"].name); // has a name console.log(powerCalc.methods["*"].name); // has no name function Calculator () { this.methods = { "-": (a, b) => a - b, "+": (a, b) => a + b, }; this.calculate = (str) => { let split = str.split(" "), a = Number(split[0]), operator = split[1], b = Number(split[split.length-1]); if (!this.methods[operator] || isNaN(a) || isNaN(b)) return NaN; return this.methods[operator](a, b); } this.addMethod = (operator, method) => { this.methods[operator] = method; } }Cuando el valor de una propiedad en un objeto literal es una función anónima, el nombre de la propiedad se agrega automáticamente como el name de la función.
Esto se hace porque es una forma común de definir métodos de objetos, por lo que el nombre de la propiedad se usa automáticamente como el nombre de la función del método.
No sucede si la función se define fuera del objeto literal y luego se asigna a una propiedad. Podría hacerlo usted mismo en el método addMethod() :
this.addMethod = (operator, method) => { this.methods[operator] = method; if (!method.name) { method.name = operator; } }