Estoy creando una función para Element y no pude encontrar una forma adecuada de incluir el nombre del prototipo, así lo intenté, pero no creo que sea la forma más adecuada, hay una forma más convencional. para obtener el nombre dentro del propio prototipo?
Element.prototype.getCssStyle = function getCssStyle(stylePropertyName) { var protoName = Element.getCssStyle.name; return protoName; }arguments.callee referencia a la función en sí.
Element.prototype.getCssStyle = function getCssStyle(stylePropertyName) { var protoName = arguments.callee.name; return protoName; }Si su objetivo es obtener la cadena "getCssStyle" within the function, you'd do that by using getCssStyle.name`:
Element.prototype.getCssStyle = function getCssStyle(stylePropertyName) { var functionName = getCssStyle.name; return functionName; } console.log(document.createElement("div").getCssStyle()); El nombre de una función proporciona un identificador dentro del ámbito de la función que hace referencia a la función, y las funciones tienen una propiedad de name que les da su nombre.
O obténgalo desde el mismo lugar que lo asignó, Element.prototype.getCssStyle :
Element.prototype.getCssStyle = function getCssStyle(stylePropertyName) { var functionName = Element.prototype.getCssStyle.name; return functionName; } console.log(document.createElement("div").getCssStyle());Tenga en cuenta que en ambos casos, este es el nombre de la función , no necesariamente la propiedad a la que la asigna.
Nota al margen: recomiendo encarecidamente no crear métodos en prototipos integrados mediante asignación directa. Crea propiedades enumerables en los prototipos, lo que puede estropear el código escrito de forma ingenua.
En general, es mejor no agregar nada a los prototipos integrados (y ciertamente no en el código de la biblioteca ), pero puede estar bien en su propia aplicación o código de página. Para hacerlo, use Object.defineProperty
Object.defineProperty(Element.prototype, "getCssStyle", { value: function getCssStyle(stylePropertyName) { var functionName = getCssStyle.name; return functionName; }, enumerable: false, configurable: true, writable: true, }); console.log(document.createElement("div").getCssStyle()); La bandera enumerable es falsa por defecto (las tres banderas lo son), pero la he incluido arriba para enfatizar.