🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 53 (from laksa107)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa053.int.ahrefs:8124/' \
  -H 'Content-Type: text/plain' \
  -H 'X-ClickHouse-Database: crawler3' \
  -H 'Authorization: Basic YXBpOg==' \
  -d 'SELECT getAhrefsURLFromUnparsed(src_unparsed) AS found_url, ifNull(toUnixTimestamp(download_stamp), 0) AS crawl_time, ifNull(toUnixTimestamp(props_url_first_seen), 0) AS first_indexed_time, download_http_code AS http_code, src_unparsed AS src_unparsed, src_root_hash AS src_root_hash, history_drop_reason AS history_drop_reason, meta_title AS meta_title, meta_descriptions AS meta_descriptions, attrs_boilerpipe_text AS attrs_boilerpipe_text, attrs_markdown AS attrs_markdown, attrs_readable_markdown AS attrs_readable_markdown, meta_canonical AS meta_canonical FROM crawler3.page_info_local FINAL PREWHERE (src_root_hash, src_unparsed) IN ((getAhrefsRootHashFromUnparsed(getAhrefsUnparsedNoserviceFromURL(\'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name\')), getAhrefsUnparsedNoserviceFromURL(\'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name","crawl_time":1775505052,"first_indexed_time":1376800136,"http_code":200,"src_unparsed":"org,mozilla!developer,\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name s443","src_root_hash":"7082249407640205653","history_drop_reason":null,"meta_title":"Function: name - JavaScript | MDN","meta_descriptions":["The name data property of a Function instance indicates the function's name as specified when it was created, or it may be either anonymous or '' (an empty string) for functions created anonymously."],"attrs_boilerpipe_text":"Try it\nconst func1 = function () {};\n\nconst object = {\n  func2: function () {},\n};\n\nconsole.log(func1.name);\n\/\/ Expected output: \"func1\"\n\nconsole.log(object.func2.name);\n\/\/ Expected output: \"func2\"\nValue\nA string.\nProperty attributes of\nFunction: name\nWritable\nno\nEnumerable\nno\nConfigurable\nyes\nNote:\nIn non-standard, pre-ES2015 implementations the\nconfigurable\nattribute was\nfalse\nas well.\nDescription\nThe function's\nname\nproperty can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself.\nThe\nname\nproperty is read-only and cannot be changed by the assignment operator:\njs\nfunction someFunction() {}\n\nsomeFunction.name = \"otherFunction\";\nconsole.log(someFunction.name); \/\/ someFunction\nTo change it, use\nObject.defineProperty()\n.\nThe\nname\nproperty is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred.\nFunction declaration\nThe\nname\nproperty returns the name of a function declaration.\njs\nfunction doSomething() {}\ndoSomething.name; \/\/ \"doSomething\"\nDefault-exported function declaration\nAn\nexport default\ndeclaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is\n\"default\"\n.\njs\n\/\/ -- someModule.js --\nexport default function () {}\n\n\/\/ -- main.js --\nimport someModule from \".\/someModule.js\";\n\nsomeModule.name; \/\/ \"default\"\nFunction constructor\nFunctions created with the\nFunction()\nconstructor have name \"anonymous\".\njs\nnew Function().name; \/\/ \"anonymous\"\nFunction expression\nIf the function expression is named, that name is used as the\nname\nproperty.\njs\nconst someFunction = function someFunctionName() {};\nsomeFunction.name; \/\/ \"someFunctionName\"\nAnonymous function expressions, created using either the\nfunction\nkeyword or the arrow function syntax, have\n\"\"\n(an empty string) as their name by default.\njs\n(function () {}).name; \/\/ \"\"\n(() => {}).name; \/\/ \"\"\nHowever, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including:\nvariable declaration, method\n,\ninitializer, and default value\n.\nOne practical case where the name cannot be inferred is a function returned from another function:\njs\nfunction getFoo() {\n  return () => {};\n}\ngetFoo().name; \/\/ \"\"\nVariable declaration and method\nVariables and methods can infer the name of an anonymous function from its syntactic position.\njs\nconst f = function () {};\nconst object = {\n  someMethod: function () {},\n};\n\nconsole.log(f.name); \/\/ \"f\"\nconsole.log(object.someMethod.name); \/\/ \"someMethod\"\nThe same applies to assignment:\njs\nlet f;\nf = () => {};\nf.name; \/\/ \"f\"\nInitializer and default value\nFunctions in initializers (default values) of\ndestructuring\n,\ndefault parameters\n,\nclass fields\n, etc., will inherit the name of the bound identifier as their\nname\n.\njs\nconst [f = () => {}] = [];\nf.name; \/\/ \"f\"\n\nconst { someMethod: m = () => {} } = {};\nm.name; \/\/ \"m\"\n\nfunction foo(f = () => {}) {\n  console.log(f.name);\n}\nfoo(); \/\/ \"f\"\n\nclass Foo {\n  static someMethod = () => {};\n}\nFoo.someMethod.name; \/\/ someMethod\nShorthand method\njs\nconst o = {\n  foo() {},\n};\no.foo.name; \/\/ \"foo\";\nBound function\nFunction.prototype.bind()\nproduces a function whose name is \"bound \" plus the function name.\njs\nfunction foo() {}\nfoo.bind({}).name; \/\/ \"bound foo\"\nGetter and setter\nWhen using\nget\nand\nset\naccessor properties, \"get\" or \"set\" will appear in the function name.\njs\nconst o = {\n  get foo() {\n    return 1;\n  },\n  set foo(x) {},\n};\n\nconst descriptor = Object.getOwnPropertyDescriptor(o, \"foo\");\ndescriptor.get.name; \/\/ \"get foo\"\ndescriptor.set.name; \/\/ \"set foo\";\nClass\nA class's name follows the same algorithm as function declarations and expressions.\njs\nclass Foo {}\nFoo.name; \/\/ \"Foo\"\nWarning:\nJavaScript will set the function's\nname\nproperty only if a function does not have an own property called\nname\n. However, classes'\nstatic members\nwill be set as own properties of the class constructor function, and thus prevent the built-in\nname\nfrom being applied. See\nan example\nbelow.\nSymbol as function name\nIf a\nSymbol\nis used a function name and the symbol has a description, the method's name is the description in square brackets.\njs\nconst sym1 = Symbol(\"foo\");\nconst sym2 = Symbol();\n\nconst o = {\n  [sym1]() {},\n  [sym2]() {},\n};\n\no[sym1].name; \/\/ \"[foo]\"\no[sym2].name; \/\/ \"[]\"\nPrivate fields and methods\nPrivate fields and private methods have the hash (\n#\n) as part of their names.\njs\nclass Foo {\n  #field = () => {};\n  #method() {}\n  getNames() {\n    console.log(this.#field.name);\n    console.log(this.#method.name);\n  }\n}\n\nnew Foo().getNames();\n\/\/ \"#field\"\n\/\/ \"#method\"\nExamples\nTelling the constructor name of an object\nYou can use\nobj.constructor.name\nto check the \"class\" of an object.\njs\nfunction Foo() {} \/\/ Or: class Foo {}\n\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ \"Foo\"\nHowever, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property\nname()\n:\njs\nclass Foo {\n  constructor() {}\n  static name() {}\n}\nWith a\nstatic name()\nmethod\nFoo.name\nno longer holds the actual class name but a reference to the\nname()\nfunction object. Trying to obtain the class of\nfooInstance\nvia\nfooInstance.constructor.name\nwon't give us the class name at all, but instead a reference to the static class method. Example:\njs\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ ƒ name() {}\nDue to the existence of static fields,\nname\nmay not be a function either.\njs\nclass Foo {\n  static name = 123;\n}\nconsole.log(new Foo().constructor.name); \/\/ 123\nIf a class has a static property called\nname\n, it will also become\nwritable\n. The built-in definition in the absence of a custom static definition is\nread-only\n:\njs\nFoo.name = \"Hello\";\nconsole.log(Foo.name); \/\/ \"Hello\" if class Foo has a static \"name\" property, but \"Foo\" if not.\nTherefore you may not rely on the built-in\nname\nproperty to always hold a class's name.\nJavaScript compressors and minifiers\nWarning:\nBe careful when using the\nname\nproperty with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time.\nSource code such as:\njs\nfunction Foo() {}\nconst foo = new Foo();\n\nif (foo.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\nmay be compressed to:\njs\nfunction a() {}\nconst b = new a();\nif (b.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\nIn the uncompressed version, the program runs into the truthy branch and logs \"'foo' is an instance of 'Foo'\" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the\nname\nproperty, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name.\nSpecifications\nSpecification\nECMAScript® 2027 Language Specification\n# sec-function-instances-name\nBrowser compatibility\nSee also\nPolyfill for\nFunction: name\nin\ncore-js\nes-shims polyfill of\nFunction.prototype.name\nFunction","attrs_markdown":"- [Skip to main content](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#content)\n- [Skip to search](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#search)\n\nHTML\n\n[HTML: Markup language](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML)\n\nHTML reference\n\n- [Elements](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements)\n- [Global attributes](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Global_attributes)\n- [Attributes](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Attributes)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference \"See all HTML references\")\n\nHTML guides\n\n- [Responsive images](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Guides\/Responsive_images)\n- [HTML cheatsheet](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Guides\/Cheatsheet)\n- [Date & time formats](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Guides\/Date_and_time_formats)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Guides \"See all HTML guides\")\n\nMarkup languages\n\n- [SVG](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/SVG)\n- [MathML](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/MathML)\n- [XML](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/XML)\n\nCSS\n\n[CSS: Styling language](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS)\n\nCSS reference\n\n- [Properties](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Properties)\n- [Selectors](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Selectors)\n- [At-rules](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/At-rules)\n- [Values](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Values)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference \"See all CSS references\")\n\nCSS guides\n\n- [Box model](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Box_model\/Introduction)\n- [Animations](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Animations\/Using)\n- [Flexbox](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Flexible_box_layout\/Basic_concepts)\n- [Colors](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Colors\/Applying_color)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides \"See all CSS guides\")\n\nLayout cookbook\n\n- [Column layouts](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/How_to\/Layout_cookbook\/Column_layouts)\n- [Centering an element](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/How_to\/Layout_cookbook\/Center_an_element)\n- [Card component](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/How_to\/Layout_cookbook\/Card)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/How_to\/Layout_cookbook)\n\nJavaScriptJS\n\n[JavaScript: Scripting language](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript)\n\nJS reference\n\n- [Standard built-in objects](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects)\n- [Expressions & operators](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators)\n- [Statements & declarations](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements)\n- [Functions](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference \"See all JavaScript references\")\n\nJS guides\n\n- [Control flow & error handing](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Control_flow_and_error_handling)\n- [Loops and iteration](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Loops_and_iteration)\n- [Working with objects](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Working_with_objects)\n- [Using classes](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Using_classes)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide \"See all JavaScript guides\")\n\nWeb APIs\n\n[Web APIs: Programming interfaces](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API)\n\nWeb API reference\n\n- [File system API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/File_System_API)\n- [Fetch API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API)\n- [Geolocation API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Geolocation_API)\n- [HTML DOM API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTML_DOM_API)\n- [Push API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Push_API)\n- [Service worker API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Service_Worker_API)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API \"See all Web API guides\")\n\nWeb API guides\n\n- [Using the Web animation API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Animations_API\/Using_the_Web_Animations_API)\n- [Using the Fetch API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\/Using_Fetch)\n- [Working with the History API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/History_API\/Working_with_the_History_API)\n- [Using the Web speech API](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Speech_API\/Using_the_Web_Speech_API)\n- [Using web workers](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Workers_API\/Using_web_workers)\n\nAll\n\n[All web technology](https:\/\/developer.mozilla.org\/en-US\/docs\/Web)\n\nTechnologies\n\n- [Accessibility](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility)\n- [HTTP](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP)\n- [URI](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/URI)\n- [Web extensions](https:\/\/developer.mozilla.org\/en-US\/docs\/Mozilla\/Add-ons\/WebExtensions)\n- [WebAssembly](https:\/\/developer.mozilla.org\/en-US\/docs\/WebAssembly)\n- [WebDriver](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/WebDriver)\n- [See all…](https:\/\/developer.mozilla.org\/en-US\/docs\/Web \"See all web technology references\")\n\nTopics\n\n- [Media](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Media)\n- [Performance](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Performance)\n- [Privacy](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Privacy)\n- [Security](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Security)\n- [Progressive web apps](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Progressive_web_apps)\n\nLearn\n\n[Learn web development](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development)\n\nFrontend developer course\n\n- [Getting started modules](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Getting_started)\n- [Core modules](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core)\n- [MDN Curriculum](https:\/\/developer.mozilla.org\/en-US\/curriculum\/)\n- [Check out the video course from Scrimba, our partner](https:\/\/scrimba.com\/frontend-path-c0j?via=mdn-learn-navbar)\n\nLearn HTML\n\n- [Structuring content with HTML module](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Structuring_content)\n\nLearn CSS\n\n- [CSS styling basics module](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Styling_basics)\n- [CSS layout module](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/CSS_layout)\n\nLearn JavaScript\n\n- [Dynamic scripting with JavaScript module](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Scripting)\n\nTools\n\nDiscover our tools\n\n- [Playground](https:\/\/developer.mozilla.org\/en-US\/play)\n- [HTTP Observatory](https:\/\/developer.mozilla.org\/en-US\/observatory)\n\n- [Border-image generator](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Backgrounds_and_borders\/Border-image_generator)\n- [Border-radius generator](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Backgrounds_and_borders\/Border-radius_generator)\n- [Box-shadow generator](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Backgrounds_and_borders\/Box-shadow_generator)\n- [Color format converter](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Colors\/Color_format_converter)\n- [Color mixer](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Colors\/Color_mixer)\n- [Shape generator](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Guides\/Shapes\/Shape_generator)\n\nAbout\n\nGet to know MDN better\n\n- [About MDN](https:\/\/developer.mozilla.org\/en-US\/about)\n- [Advertise with us](https:\/\/developer.mozilla.org\/en-US\/advertising)\n\n- [Community](https:\/\/developer.mozilla.org\/en-US\/community)\n- [MDN on GitHub](https:\/\/github.com\/mdn)\n\n[Blog](https:\/\/developer.mozilla.org\/en-US\/blog\/)\n\n1. [Web](https:\/\/developer.mozilla.org\/en-US\/docs\/Web)\n2. [JavaScript](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript)\n3. [Reference](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference)\n4. [Standard built-in objects](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects)\n5. [Function](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function)\n6. [name](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name)\n\n# Function: name\nBaseline  Widely available\n\nThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.\n\n- [Learn more](https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Baseline\/Compatibility)\n- [See full compatibility](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#browser_compatibility)\n- [Report feedback](https:\/\/survey.alchemer.com\/s3\/7634825\/MDN-baseline-feedback?page=%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname&level=high)\n\nThe **`name`** data property of a [`Function`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function) instance indicates the function's name as specified when it was created, or it may be either `anonymous` or `''` (an empty string) for functions created anonymously.\n\n## In this article\n- [Try it](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#try_it)\n- [Value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#value)\n- [Description](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#description)\n- [Examples](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#examples)\n- [Specifications](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#specifications)\n- [Browser compatibility](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#browser_compatibility)\n- [See also](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#see_also)\n\n## [Try it](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#try_it)\n```\nconst func1 = function () {};\n\nconst object = {\n  func2: function () {},\n};\n\nconsole.log(func1.name);\n\/\/ Expected output: \"func1\"\n\nconsole.log(object.func2.name);\n\/\/ Expected output: \"func2\"\n```\n\n## [Value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#value)\nA string.\n\n| Property attributes of `Function: name` |   |\n|---|---|\n| Writable | no |\n| Enumerable | no |\n| Configurable | yes |\n\n**Note:** In non-standard, pre-ES2015 implementations the `configurable` attribute was `false` as well.\n\n## [Description](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#description)\nThe function's `name` property can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself.\n\nThe `name` property is read-only and cannot be changed by the assignment operator:\n\njs\n```\nfunction someFunction() {}\n\nsomeFunction.name = \"otherFunction\";\nconsole.log(someFunction.name); \/\/ someFunction\n```\n\nTo change it, use [`Object.defineProperty()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/defineProperty).\n\nThe `name` property is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred.\n\n### [Function declaration](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_declaration)\nThe `name` property returns the name of a function declaration.\n\njs\n```\nfunction doSomething() {}\ndoSomething.name; \/\/ \"doSomething\"\n```\n\n### [Default-exported function declaration](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#default-exported_function_declaration)\nAn [`export default`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/export) declaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is `\"default\"`.\n\njs\n```\n\/\/ -- someModule.js --\nexport default function () {}\n\n\/\/ -- main.js --\nimport someModule from \".\/someModule.js\";\n\nsomeModule.name; \/\/ \"default\"\n```\n\n### [Function constructor](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_constructor)\nFunctions created with the [`Function()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/Function) constructor have name \"anonymous\".\n\njs\n```\nnew Function().name; \/\/ \"anonymous\"\n```\n\n### [Function expression](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_expression)\nIf the function expression is named, that name is used as the `name` property.\n\njs\n```\nconst someFunction = function someFunctionName() {};\nsomeFunction.name; \/\/ \"someFunctionName\"\n```\n\nAnonymous function expressions, created using either the `function` keyword or the arrow function syntax, have `\"\"` (an empty string) as their name by default.\n\njs\n```\n(function () {}).name; \/\/ \"\"\n(() => {}).name; \/\/ \"\"\n```\n\nHowever, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including: [variable declaration, method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#variable_declaration_and_method), [initializer, and default value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#initializer_and_default_value).\n\nOne practical case where the name cannot be inferred is a function returned from another function:\n\njs\n```\nfunction getFoo() {\n  return () => {};\n}\ngetFoo().name; \/\/ \"\"\n```\n\n### [Variable declaration and method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#variable_declaration_and_method)\nVariables and methods can infer the name of an anonymous function from its syntactic position.\n\njs\n```\nconst f = function () {};\nconst object = {\n  someMethod: function () {},\n};\n\nconsole.log(f.name); \/\/ \"f\"\nconsole.log(object.someMethod.name); \/\/ \"someMethod\"\n```\n\nThe same applies to assignment:\n\njs\n```\nlet f;\nf = () => {};\nf.name; \/\/ \"f\"\n```\n\n### [Initializer and default value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#initializer_and_default_value)\nFunctions in initializers (default values) of [destructuring](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/Destructuring#default_value), [default parameters](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/Default_parameters), [class fields](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Classes\/Public_class_fields), etc., will inherit the name of the bound identifier as their `name`.\n\njs\n```\nconst [f = () => {}] = [];\nf.name; \/\/ \"f\"\n\nconst { someMethod: m = () => {} } = {};\nm.name; \/\/ \"m\"\n\nfunction foo(f = () => {}) {\n  console.log(f.name);\n}\nfoo(); \/\/ \"f\"\n\nclass Foo {\n  static someMethod = () => {};\n}\nFoo.someMethod.name; \/\/ someMethod\n```\n\n### [Shorthand method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#shorthand_method)\njs\n```\nconst o = {\n  foo() {},\n};\no.foo.name; \/\/ \"foo\";\n```\n\n### [Bound function](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#bound_function)\n[`Function.prototype.bind()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/bind) produces a function whose name is \"bound \" plus the function name.\n\njs\n```\nfunction foo() {}\nfoo.bind({}).name; \/\/ \"bound foo\"\n```\n\n### [Getter and setter](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#getter_and_setter)\nWhen using [`get`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/get) and [`set`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/set) accessor properties, \"get\" or \"set\" will appear in the function name.\n\njs\n```\nconst o = {\n  get foo() {\n    return 1;\n  },\n  set foo(x) {},\n};\n\nconst descriptor = Object.getOwnPropertyDescriptor(o, \"foo\");\ndescriptor.get.name; \/\/ \"get foo\"\ndescriptor.set.name; \/\/ \"set foo\";\n```\n\n### [Class](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#class)\nA class's name follows the same algorithm as function declarations and expressions.\n\njs\n```\nclass Foo {}\nFoo.name; \/\/ \"Foo\"\n```\n\n**Warning:** JavaScript will set the function's `name` property only if a function does not have an own property called `name`. However, classes' [static members](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Classes\/static) will be set as own properties of the class constructor function, and thus prevent the built-in `name` from being applied. See [an example](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#telling_the_constructor_name_of_an_object) below.\n\n### [Symbol as function name](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#symbol_as_function_name)\nIf a [`Symbol`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Symbol) is used a function name and the symbol has a description, the method's name is the description in square brackets.\n\njs\n```\nconst sym1 = Symbol(\"foo\");\nconst sym2 = Symbol();\n\nconst o = {\n  [sym1]() {},\n  [sym2]() {},\n};\n\no[sym1].name; \/\/ \"[foo]\"\no[sym2].name; \/\/ \"[]\"\n```\n\n### [Private fields and methods](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#private_fields_and_methods)\nPrivate fields and private methods have the hash (`#`) as part of their names.\n\njs\n```\nclass Foo {\n  #field = () => {};\n  #method() {}\n  getNames() {\n    console.log(this.#field.name);\n    console.log(this.#method.name);\n  }\n}\n\nnew Foo().getNames();\n\/\/ \"#field\"\n\/\/ \"#method\"\n```\n## [Examples](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#examples)\n### [Telling the constructor name of an object](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#telling_the_constructor_name_of_an_object)\nYou can use `obj.constructor.name` to check the \"class\" of an object.\n\njs\n```\nfunction Foo() {} \/\/ Or: class Foo {}\n\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ \"Foo\"\n```\n\nHowever, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property `name()`:\n\njs\n```\nclass Foo {\n  constructor() {}\n  static name() {}\n}\n```\n\nWith a `static name()` method `Foo.name` no longer holds the actual class name but a reference to the `name()` function object. Trying to obtain the class of `fooInstance` via `fooInstance.constructor.name` won't give us the class name at all, but instead a reference to the static class method. Example:\n\njs\n```\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ ƒ name() {}\n```\n\nDue to the existence of static fields, `name` may not be a function either.\n\njs\n```\nclass Foo {\n  static name = 123;\n}\nconsole.log(new Foo().constructor.name); \/\/ 123\n```\n\nIf a class has a static property called `name`, it will also become *writable*. The built-in definition in the absence of a custom static definition is *read-only*:\n\njs\n```\nFoo.name = \"Hello\";\nconsole.log(Foo.name); \/\/ \"Hello\" if class Foo has a static \"name\" property, but \"Foo\" if not.\n```\n\nTherefore you may not rely on the built-in `name` property to always hold a class's name.\n\n### [JavaScript compressors and minifiers](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#javascript_compressors_and_minifiers)\n**Warning:** Be careful when using the `name` property with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time.\n\nSource code such as:\n\njs\n```\nfunction Foo() {}\nconst foo = new Foo();\n\nif (foo.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\n```\n\nmay be compressed to:\n\njs\n```\nfunction a() {}\nconst b = new a();\nif (b.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\n```\n\nIn the uncompressed version, the program runs into the truthy branch and logs \"'foo' is an instance of 'Foo'\" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the `name` property, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name.\n\n## [Specifications](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#specifications)\n| Specification |\n|---|\n| [ECMAScript® 2027 Language Specification \\# sec-function-instances-name](https:\/\/tc39.es\/ecma262\/multipage\/fundamental-objects.html#sec-function-instances-name) |\n## [Browser compatibility](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#browser_compatibility)\n## [See also](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#see_also)\n- [Polyfill for `Function: name` in `core-js`](https:\/\/github.com\/zloirock\/core-js#ecmascript-function)\n- [es-shims polyfill of `Function.prototype.name`](https:\/\/www.npmjs.com\/package\/function.prototype.name)\n- [`Function`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function)\n\n## Help improve MDN\n[Learn how to contribute](https:\/\/developer.mozilla.org\/en-US\/docs\/MDN\/Community\/Getting_started)\n\nThis page was last modified on Jul 10, 2025 by [MDN contributors](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name\/contributors.txt).\n\n[View this page on GitHub](https:\/\/github.com\/mdn\/content\/blob\/main\/files\/en-us\/web\/javascript\/reference\/global_objects\/function\/name\/index.md?plain=1 \"Folder: en-us\/web\/javascript\/reference\/global_objects\/function\/name (Opens in a new tab)\") • [Report a problem with this content](https:\/\/github.com\/mdn\/content\/issues\/new?template=page-report.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60en-us%2Fweb%2Fjavascript%2Freference%2Fglobal_objects%2Ffunction%2Fname%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fblob%2Fmain%2Ffiles%2Fen-us%2Fweb%2Fjavascript%2Freference%2Fglobal_objects%2Ffunction%2Fname%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fcommit%2F544b843570cb08d1474cfc5ec03ffb9f4edc0166%0A*+Document+last+modified%3A+2025-07-10T09%3A07%3A55.000Z%0A%0A%3C%2Fdetails%3E \"This will take you to GitHub to file a new issue.\")\n\n1. [Standard built-in objects](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects)\n2. [`Function`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function)\n3. Constructor\n   \n   1. [`Function()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/Function)\n4. Instance methods\n   \n   1. [`apply()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/apply)\n   2. [`bind()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/bind)\n   3. [`call()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/call)\n   4. [`toString()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/toString)\n   5. [`[Symbol.hasInstance]()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/Symbol.hasInstance)\n5. Instance properties\n   \n   1. [`displayName`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/displayName)\n      Non-standard\n   2. [`length`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/length)\n   3. *[`name`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name)*\n   4. [`prototype`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/prototype)\n   5. [`arguments`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/arguments)\n      Non-standard\n      Deprecated\n   6. [`caller`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/caller)\n      Non-standard\n      Deprecated\n6. Inheritance\n7. [`Object\/Function`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object)\n8. Static methods\n   \n   1. [`apply()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/apply)\n   2. [`bind()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/bind)\n   3. [`call()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/call)\n   4. [`toString()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/toString)\n   5. [`[Symbol.hasInstance]()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/Symbol.hasInstance)\n9. Static properties\n   \n   1. [`displayName`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/displayName)\n      Non-standard\n   2. [`length`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/length)\n   3. [`name`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name)\n   4. [`prototype`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/prototype)\n   5. [`arguments`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/arguments)\n      Non-standard\n      Deprecated\n   6. [`caller`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/caller)\n      Non-standard\n      Deprecated\n10. Instance methods\n    \n    1. [`__defineGetter__()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/__defineGetter__)\n       Deprecated\n    2. [`__defineSetter__()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/__defineSetter__)\n       Deprecated\n    3. [`__lookupGetter__()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/__lookupGetter__)\n       Deprecated\n    4. [`__lookupSetter__()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/__lookupSetter__)\n       Deprecated\n    5. [`hasOwnProperty()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/hasOwnProperty)\n    6. [`isPrototypeOf()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/isPrototypeOf)\n    7. [`propertyIsEnumerable()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/propertyIsEnumerable)\n    8. [`toLocaleString()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/toLocaleString)\n    9. [`toString()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/toString)\n    10. [`valueOf()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/valueOf)\n11. Instance properties\n    \n    1. [`__proto__`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/proto)\n       Deprecated\n    2. [`constructor`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/constructor)\n\nYour blueprint for a better internet.\n\nMDN\n\n- [About](https:\/\/developer.mozilla.org\/en-US\/about)\n- [Blog](https:\/\/developer.mozilla.org\/en-US\/blog\/)\n- [Mozilla careers](https:\/\/www.mozilla.org\/en-US\/careers\/listings\/)\n- [Advertise with us](https:\/\/developer.mozilla.org\/en-US\/advertising)\n- [MDN Plus](https:\/\/developer.mozilla.org\/en-US\/plus)\n- [Product help](https:\/\/support.mozilla.org\/products\/mdn-plus)\n\nContribute\n\n- [MDN Community](https:\/\/developer.mozilla.org\/en-US\/community)\n- [Community resources](https:\/\/developer.mozilla.org\/en-US\/docs\/MDN\/Community)\n- [Writing guidelines](https:\/\/developer.mozilla.org\/en-US\/docs\/MDN\/Writing_guidelines)\n- [MDN Discord](https:\/\/developer.mozilla.org\/discord)\n- [MDN on GitHub](https:\/\/github.com\/mdn)\n\nDevelopers\n\n- [Web technologies](https:\/\/developer.mozilla.org\/en-US\/docs\/Web)\n- [Learn web development](https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development)\n- [Guides](https:\/\/developer.mozilla.org\/en-US\/docs\/MDN\/Guides)\n- [Tutorials](https:\/\/developer.mozilla.org\/en-US\/docs\/MDN\/Tutorials)\n- [Glossary](https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary)\n- [Hacks blog](https:\/\/hacks.mozilla.org\/)\n\n- [Website Privacy Notice](https:\/\/www.mozilla.org\/privacy\/websites\/)\n- [Telemetry Settings](https:\/\/www.mozilla.org\/en-US\/privacy\/websites\/data-preferences\/)\n- [Legal](https:\/\/www.mozilla.org\/about\/legal\/terms\/mozilla)\n- [Community Participation Guidelines](https:\/\/www.mozilla.org\/about\/governance\/policies\/participation\/)\n\nVisit [Mozilla Corporation’s](https:\/\/www.mozilla.org\/) not-for-profit parent, the [Mozilla Foundation](https:\/\/foundation.mozilla.org\/).  \n Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under [a Creative Commons license](https:\/\/developer.mozilla.org\/docs\/MDN\/Writing_guidelines\/Attrib_copyright_license).","attrs_readable_markdown":"## [Try it](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#try_it)\n```\nconst func1 = function () {};\n\nconst object = {\n  func2: function () {},\n};\n\nconsole.log(func1.name);\n\/\/ Expected output: \"func1\"\n\nconsole.log(object.func2.name);\n\/\/ Expected output: \"func2\"\n```\n\n## [Value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#value)\nA string.\n\n| Property attributes of `Function: name` |   |\n|---|---|\n| Writable | no |\n| Enumerable | no |\n| Configurable | yes |\n\n**Note:** In non-standard, pre-ES2015 implementations the `configurable` attribute was `false` as well.\n\n## [Description](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#description)\nThe function's `name` property can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself.\n\nThe `name` property is read-only and cannot be changed by the assignment operator:\n\njs\n```\nfunction someFunction() {}\n\nsomeFunction.name = \"otherFunction\";\nconsole.log(someFunction.name); \/\/ someFunction\n```\n\nTo change it, use [`Object.defineProperty()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Object\/defineProperty).\n\nThe `name` property is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred.\n\n### [Function declaration](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_declaration)\nThe `name` property returns the name of a function declaration.\n\njs\n```\nfunction doSomething() {}\ndoSomething.name; \/\/ \"doSomething\"\n```\n\n### [Default-exported function declaration](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#default-exported_function_declaration)\nAn [`export default`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/export) declaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is `\"default\"`.\n\njs\n```\n\/\/ -- someModule.js --\nexport default function () {}\n\n\/\/ -- main.js --\nimport someModule from \".\/someModule.js\";\n\nsomeModule.name; \/\/ \"default\"\n```\n\n### [Function constructor](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_constructor)\nFunctions created with the [`Function()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/Function) constructor have name \"anonymous\".\n\njs\n```\nnew Function().name; \/\/ \"anonymous\"\n```\n\n### [Function expression](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#function_expression)\nIf the function expression is named, that name is used as the `name` property.\n\njs\n```\nconst someFunction = function someFunctionName() {};\nsomeFunction.name; \/\/ \"someFunctionName\"\n```\n\nAnonymous function expressions, created using either the `function` keyword or the arrow function syntax, have `\"\"` (an empty string) as their name by default.\n\njs\n```\n(function () {}).name; \/\/ \"\"\n(() => {}).name; \/\/ \"\"\n```\n\nHowever, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including: [variable declaration, method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#variable_declaration_and_method), [initializer, and default value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#initializer_and_default_value).\n\nOne practical case where the name cannot be inferred is a function returned from another function:\n\njs\n```\nfunction getFoo() {\n  return () => {};\n}\ngetFoo().name; \/\/ \"\"\n```\n\n### [Variable declaration and method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#variable_declaration_and_method)\nVariables and methods can infer the name of an anonymous function from its syntactic position.\n\njs\n```\nconst f = function () {};\nconst object = {\n  someMethod: function () {},\n};\n\nconsole.log(f.name); \/\/ \"f\"\nconsole.log(object.someMethod.name); \/\/ \"someMethod\"\n```\n\nThe same applies to assignment:\n\njs\n```\nlet f;\nf = () => {};\nf.name; \/\/ \"f\"\n```\n\n### [Initializer and default value](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#initializer_and_default_value)\nFunctions in initializers (default values) of [destructuring](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/Destructuring#default_value), [default parameters](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/Default_parameters), [class fields](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Classes\/Public_class_fields), etc., will inherit the name of the bound identifier as their `name`.\n\njs\n```\nconst [f = () => {}] = [];\nf.name; \/\/ \"f\"\n\nconst { someMethod: m = () => {} } = {};\nm.name; \/\/ \"m\"\n\nfunction foo(f = () => {}) {\n  console.log(f.name);\n}\nfoo(); \/\/ \"f\"\n\nclass Foo {\n  static someMethod = () => {};\n}\nFoo.someMethod.name; \/\/ someMethod\n```\n\n### [Shorthand method](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#shorthand_method)\njs\n```\nconst o = {\n  foo() {},\n};\no.foo.name; \/\/ \"foo\";\n```\n\n### [Bound function](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#bound_function)\n[`Function.prototype.bind()`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/bind) produces a function whose name is \"bound \" plus the function name.\n\njs\n```\nfunction foo() {}\nfoo.bind({}).name; \/\/ \"bound foo\"\n```\n\n### [Getter and setter](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#getter_and_setter)\nWhen using [`get`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/get) and [`set`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/set) accessor properties, \"get\" or \"set\" will appear in the function name.\n\njs\n```\nconst o = {\n  get foo() {\n    return 1;\n  },\n  set foo(x) {},\n};\n\nconst descriptor = Object.getOwnPropertyDescriptor(o, \"foo\");\ndescriptor.get.name; \/\/ \"get foo\"\ndescriptor.set.name; \/\/ \"set foo\";\n```\n\n### [Class](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#class)\nA class's name follows the same algorithm as function declarations and expressions.\n\njs\n```\nclass Foo {}\nFoo.name; \/\/ \"Foo\"\n```\n\n**Warning:** JavaScript will set the function's `name` property only if a function does not have an own property called `name`. However, classes' [static members](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Classes\/static) will be set as own properties of the class constructor function, and thus prevent the built-in `name` from being applied. See [an example](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#telling_the_constructor_name_of_an_object) below.\n\n### [Symbol as function name](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#symbol_as_function_name)\nIf a [`Symbol`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Symbol) is used a function name and the symbol has a description, the method's name is the description in square brackets.\n\njs\n```\nconst sym1 = Symbol(\"foo\");\nconst sym2 = Symbol();\n\nconst o = {\n  [sym1]() {},\n  [sym2]() {},\n};\n\no[sym1].name; \/\/ \"[foo]\"\no[sym2].name; \/\/ \"[]\"\n```\n\n### [Private fields and methods](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#private_fields_and_methods)\nPrivate fields and private methods have the hash (`#`) as part of their names.\n\njs\n```\nclass Foo {\n  #field = () => {};\n  #method() {}\n  getNames() {\n    console.log(this.#field.name);\n    console.log(this.#method.name);\n  }\n}\n\nnew Foo().getNames();\n\/\/ \"#field\"\n\/\/ \"#method\"\n```\n## [Examples](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#examples)\n### [Telling the constructor name of an object](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#telling_the_constructor_name_of_an_object)\nYou can use `obj.constructor.name` to check the \"class\" of an object.\n\njs\n```\nfunction Foo() {} \/\/ Or: class Foo {}\n\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ \"Foo\"\n```\n\nHowever, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property `name()`:\n\njs\n```\nclass Foo {\n  constructor() {}\n  static name() {}\n}\n```\n\nWith a `static name()` method `Foo.name` no longer holds the actual class name but a reference to the `name()` function object. Trying to obtain the class of `fooInstance` via `fooInstance.constructor.name` won't give us the class name at all, but instead a reference to the static class method. Example:\n\njs\n```\nconst fooInstance = new Foo();\nconsole.log(fooInstance.constructor.name); \/\/ ƒ name() {}\n```\n\nDue to the existence of static fields, `name` may not be a function either.\n\njs\n```\nclass Foo {\n  static name = 123;\n}\nconsole.log(new Foo().constructor.name); \/\/ 123\n```\n\nIf a class has a static property called `name`, it will also become *writable*. The built-in definition in the absence of a custom static definition is *read-only*:\n\njs\n```\nFoo.name = \"Hello\";\nconsole.log(Foo.name); \/\/ \"Hello\" if class Foo has a static \"name\" property, but \"Foo\" if not.\n```\n\nTherefore you may not rely on the built-in `name` property to always hold a class's name.\n\n### [JavaScript compressors and minifiers](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#javascript_compressors_and_minifiers)\n**Warning:** Be careful when using the `name` property with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time.\n\nSource code such as:\n\njs\n```\nfunction Foo() {}\nconst foo = new Foo();\n\nif (foo.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\n```\n\nmay be compressed to:\n\njs\n```\nfunction a() {}\nconst b = new a();\nif (b.constructor.name === \"Foo\") {\n  console.log(\"'foo' is an instance of 'Foo'\");\n} else {\n  console.log(\"Oops!\");\n}\n```\n\nIn the uncompressed version, the program runs into the truthy branch and logs \"'foo' is an instance of 'Foo'\" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the `name` property, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name.\n\n## [Specifications](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#specifications)\n| Specification |\n|---|\n| [ECMAScript® 2027 Language Specification \\# sec-function-instances-name](https:\/\/tc39.es\/ecma262\/multipage\/fundamental-objects.html#sec-function-instances-name) |\n## [Browser compatibility](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#browser_compatibility)\n## [See also](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/name#see_also)\n- [Polyfill for `Function: name` in `core-js`](https:\/\/github.com\/zloirock\/core-js#ecmascript-function)\n- [es-shims polyfill of `Function.prototype.name`](https:\/\/www.npmjs.com\/package\/function.prototype.name)\n- [`Function`](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function)","meta_canonical":null}

3. Robots.txt Check

Query:

Response:

4. Spam/Ban Check

Query:

Response:

5. Seen Status Check

ℹ️ Skipped - page is already crawled

📄

INDEXABLE

✅

CRAWLED

10 days ago

🤖

ROBOTS ALLOWED

Page Info Filters

Filter	Status	Condition	Details
HTTP status	PASS	`download_http_code = 200`	HTTP 200
Age cutoff	PASS	`download_stamp > now() - 6 MONTH`	0.3 months ago
History drop	PASS	`isNull(history_drop_reason)`	No drop reason
Spam/ban	PASS	`fh_dont_index != 1 AND ml_spam_score = 0`	ml_spam_score=0
Canonical	PASS	`meta_canonical IS NULL OR = '' OR = src_unparsed`	Not set

Page Details

Property	Value
URL	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name
Last Crawled	2026-04-06 19:50:52 (10 days ago)
First Indexed	2013-08-18 04:28:56 (12 years ago)
HTTP Status Code	200
Meta Title	Function: name - JavaScript \| MDN
Meta Description	The name data property of a Function instance indicates the function's name as specified when it was created, or it may be either anonymous or '' (an empty string) for functions created anonymously.
Meta Canonical	null
Boilerpipe Text	Try it const func1 = function () {}; const object = { func2: function () {}, }; console.log(func1.name); // Expected output: "func1" console.log(object.func2.name); // Expected output: "func2" Value A string. Property attributes of Function: name Writable no Enumerable no Configurable yes Note: In non-standard, pre-ES2015 implementations the configurable attribute was false as well. Description The function's name property can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself. The name property is read-only and cannot be changed by the assignment operator: js function someFunction() {} someFunction.name = "otherFunction"; console.log(someFunction.name); // someFunction To change it, use Object.defineProperty() . The name property is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred. Function declaration The name property returns the name of a function declaration. js function doSomething() {} doSomething.name; // "doSomething" Default-exported function declaration An export default declaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is "default" . js // -- someModule.js -- export default function () {} // -- main.js -- import someModule from "./someModule.js"; someModule.name; // "default" Function constructor Functions created with the Function() constructor have name "anonymous". js new Function().name; // "anonymous" Function expression If the function expression is named, that name is used as the name property. js const someFunction = function someFunctionName() {}; someFunction.name; // "someFunctionName" Anonymous function expressions, created using either the function keyword or the arrow function syntax, have "" (an empty string) as their name by default. js (function () {}).name; // "" (() => {}).name; // "" However, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including: variable declaration, method , initializer, and default value . One practical case where the name cannot be inferred is a function returned from another function: js function getFoo() { return () => {}; } getFoo().name; // "" Variable declaration and method Variables and methods can infer the name of an anonymous function from its syntactic position. js const f = function () {}; const object = { someMethod: function () {}, }; console.log(f.name); // "f" console.log(object.someMethod.name); // "someMethod" The same applies to assignment: js let f; f = () => {}; f.name; // "f" Initializer and default value Functions in initializers (default values) of destructuring , default parameters , class fields , etc., will inherit the name of the bound identifier as their name . js const [f = () => {}] = []; f.name; // "f" const { someMethod: m = () => {} } = {}; m.name; // "m" function foo(f = () => {}) { console.log(f.name); } foo(); // "f" class Foo { static someMethod = () => {}; } Foo.someMethod.name; // someMethod Shorthand method js const o = { foo() {}, }; o.foo.name; // "foo"; Bound function Function.prototype.bind() produces a function whose name is "bound " plus the function name. js function foo() {} foo.bind({}).name; // "bound foo" Getter and setter When using get and set accessor properties, "get" or "set" will appear in the function name. js const o = { get foo() { return 1; }, set foo(x) {}, }; const descriptor = Object.getOwnPropertyDescriptor(o, "foo"); descriptor.get.name; // "get foo" descriptor.set.name; // "set foo"; Class A class's name follows the same algorithm as function declarations and expressions. js class Foo {} Foo.name; // "Foo" Warning: JavaScript will set the function's name property only if a function does not have an own property called name . However, classes' static members will be set as own properties of the class constructor function, and thus prevent the built-in name from being applied. See an example below. Symbol as function name If a Symbol is used a function name and the symbol has a description, the method's name is the description in square brackets. js const sym1 = Symbol("foo"); const sym2 = Symbol(); const o = { [sym1]() {}, [sym2]() {}, }; o[sym1].name; // "[foo]" o[sym2].name; // "[]" Private fields and methods Private fields and private methods have the hash ( # ) as part of their names. js class Foo { #field = () => {}; #method() {} getNames() { console.log(this.#field.name); console.log(this.#method.name); } } new Foo().getNames(); // "#field" // "#method" Examples Telling the constructor name of an object You can use obj.constructor.name to check the "class" of an object. js function Foo() {} // Or: class Foo {} const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // "Foo" However, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property name() : js class Foo { constructor() {} static name() {} } With a static name() method Foo.name no longer holds the actual class name but a reference to the name() function object. Trying to obtain the class of fooInstance via fooInstance.constructor.name won't give us the class name at all, but instead a reference to the static class method. Example: js const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // ƒ name() {} Due to the existence of static fields, name may not be a function either. js class Foo { static name = 123; } console.log(new Foo().constructor.name); // 123 If a class has a static property called name , it will also become writable . The built-in definition in the absence of a custom static definition is read-only : js Foo.name = "Hello"; console.log(Foo.name); // "Hello" if class Foo has a static "name" property, but "Foo" if not. Therefore you may not rely on the built-in name property to always hold a class's name. JavaScript compressors and minifiers Warning: Be careful when using the name property with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time. Source code such as: js function Foo() {} const foo = new Foo(); if (foo.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } may be compressed to: js function a() {} const b = new a(); if (b.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } In the uncompressed version, the program runs into the truthy branch and logs "'foo' is an instance of 'Foo'" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the name property, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name. Specifications Specification ECMAScript® 2027 Language Specification # sec-function-instances-name Browser compatibility See also Polyfill for Function: name in core-js es-shims polyfill of Function.prototype.name Function
Markdown	- [Skip to main content](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#content) - [Skip to search](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#search) HTML [HTML: Markup language](https://developer.mozilla.org/en-US/docs/Web/HTML) HTML reference - [Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements) - [Global attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes) - [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes) - [See all…](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference "See all HTML references") HTML guides - [Responsive images](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images) - [HTML cheatsheet](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Cheatsheet) - [Date & time formats](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Date_and_time_formats) - [See all…](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides "See all HTML guides") Markup languages - [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG) - [MathML](https://developer.mozilla.org/en-US/docs/Web/MathML) - [XML](https://developer.mozilla.org/en-US/docs/Web/XML) CSS [CSS: Styling language](https://developer.mozilla.org/en-US/docs/Web/CSS) CSS reference - [Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties) - [Selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors) - [At-rules](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules) - [Values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values) - [See all…](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference "See all CSS references") CSS guides - [Box model](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Box_model/Introduction) - [Animations](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Animations/Using) - [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts) - [Colors](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Applying_color) - [See all…](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides "See all CSS guides") Layout cookbook - [Column layouts](https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts) - [Centering an element](https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element) - [Card component](https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card) - [See all…](https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook) JavaScriptJS [JavaScript: Scripting language](https://developer.mozilla.org/en-US/docs/Web/JavaScript) JS reference - [Standard built-in objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) - [Expressions & operators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators) - [Statements & declarations](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements) - [Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions) - [See all…](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference "See all JavaScript references") JS guides - [Control flow & error handing](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) - [Loops and iteration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration) - [Working with objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_objects) - [Using classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_classes) - [See all…](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide "See all JavaScript guides") Web APIs [Web APIs: Programming interfaces](https://developer.mozilla.org/en-US/docs/Web/API) Web API reference - [File system API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) - [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) - [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) - [HTML DOM API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API) - [Push API](https://developer.mozilla.org/en-US/docs/Web/API/Push_API) - [Service worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) - [See all…](https://developer.mozilla.org/en-US/docs/Web/API "See all Web API guides") Web API guides - [Using the Web animation API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API) - [Using the Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) - [Working with the History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API) - [Using the Web speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API) - [Using web workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) All [All web technology](https://developer.mozilla.org/en-US/docs/Web) Technologies - [Accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility) - [HTTP](https://developer.mozilla.org/en-US/docs/Web/HTTP) - [URI](https://developer.mozilla.org/en-US/docs/Web/URI) - [Web extensions](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions) - [WebAssembly](https://developer.mozilla.org/en-US/docs/WebAssembly) - [WebDriver](https://developer.mozilla.org/en-US/docs/Web/WebDriver) - [See all…](https://developer.mozilla.org/en-US/docs/Web "See all web technology references") Topics - [Media](https://developer.mozilla.org/en-US/docs/Web/Media) - [Performance](https://developer.mozilla.org/en-US/docs/Web/Performance) - [Privacy](https://developer.mozilla.org/en-US/docs/Web/Privacy) - [Security](https://developer.mozilla.org/en-US/docs/Web/Security) - [Progressive web apps](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) Learn [Learn web development](https://developer.mozilla.org/en-US/docs/Learn_web_development) Frontend developer course - [Getting started modules](https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started) - [Core modules](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core) - [MDN Curriculum](https://developer.mozilla.org/en-US/curriculum/) - [Check out the video course from Scrimba, our partner](https://scrimba.com/frontend-path-c0j?via=mdn-learn-navbar) Learn HTML - [Structuring content with HTML module](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content) Learn CSS - [CSS styling basics module](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics) - [CSS layout module](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout) Learn JavaScript - [Dynamic scripting with JavaScript module](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting) Tools Discover our tools - [Playground](https://developer.mozilla.org/en-US/play) - [HTTP Observatory](https://developer.mozilla.org/en-US/observatory) - [Border-image generator](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator) - [Border-radius generator](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator) - [Box-shadow generator](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator) - [Color format converter](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Color_format_converter) - [Color mixer](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Color_mixer) - [Shape generator](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Shapes/Shape_generator) About Get to know MDN better - [About MDN](https://developer.mozilla.org/en-US/about) - [Advertise with us](https://developer.mozilla.org/en-US/advertising) - [Community](https://developer.mozilla.org/en-US/community) - [MDN on GitHub](https://github.com/mdn) [Blog](https://developer.mozilla.org/en-US/blog/) 1. [Web](https://developer.mozilla.org/en-US/docs/Web) 2. [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 3. [Reference](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference) 4. [Standard built-in objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) 5. [Function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function) 6. [name](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name) # Function: name Baseline Widely available This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016. - [Learn more](https://developer.mozilla.org/en-US/docs/Glossary/Baseline/Compatibility) - [See full compatibility](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#browser_compatibility) - [Report feedback](https://survey.alchemer.com/s3/7634825/MDN-baseline-feedback?page=%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname&level=high) The `name` data property of a [`Function`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function) instance indicates the function's name as specified when it was created, or it may be either `anonymous` or `''` (an empty string) for functions created anonymously. ## In this article - [Try it](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#try_it) - [Value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#value) - [Description](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#description) - [Examples](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#examples) - [Specifications](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#specifications) - [Browser compatibility](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#browser_compatibility) - [See also](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#see_also) ## [Try it](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#try_it) ``` const func1 = function () {}; const object = { func2: function () {}, }; console.log(func1.name); // Expected output: "func1" console.log(object.func2.name); // Expected output: "func2" ``` ## [Value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#value) A string. \| Property attributes of `Function: name` \| \| \|---\|---\| \| Writable \| no \| \| Enumerable \| no \| \| Configurable \| yes \| Note: In non-standard, pre-ES2015 implementations the `configurable` attribute was `false` as well. ## [Description](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#description) The function's `name` property can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself. The `name` property is read-only and cannot be changed by the assignment operator: js ``` function someFunction() {} someFunction.name = "otherFunction"; console.log(someFunction.name); // someFunction ``` To change it, use [`Object.defineProperty()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty). The `name` property is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred. ### [Function declaration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_declaration) The `name` property returns the name of a function declaration. js ``` function doSomething() {} doSomething.name; // "doSomething" ``` ### [Default-exported function declaration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#default-exported_function_declaration) An [`export default`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) declaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is `"default"`. js ``` // -- someModule.js -- export default function () {} // -- main.js -- import someModule from "./someModule.js"; someModule.name; // "default" ``` ### [Function constructor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_constructor) Functions created with the [`Function()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) constructor have name "anonymous". js ``` new Function().name; // "anonymous" ``` ### [Function expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_expression) If the function expression is named, that name is used as the `name` property. js ``` const someFunction = function someFunctionName() {}; someFunction.name; // "someFunctionName" ``` Anonymous function expressions, created using either the `function` keyword or the arrow function syntax, have `""` (an empty string) as their name by default. js ``` (function () {}).name; // "" (() => {}).name; // "" ``` However, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including: [variable declaration, method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#variable_declaration_and_method), [initializer, and default value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#initializer_and_default_value). One practical case where the name cannot be inferred is a function returned from another function: js ``` function getFoo() { return () => {}; } getFoo().name; // "" ``` ### [Variable declaration and method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#variable_declaration_and_method) Variables and methods can infer the name of an anonymous function from its syntactic position. js ``` const f = function () {}; const object = { someMethod: function () {}, }; console.log(f.name); // "f" console.log(object.someMethod.name); // "someMethod" ``` The same applies to assignment: js ``` let f; f = () => {}; f.name; // "f" ``` ### [Initializer and default value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#initializer_and_default_value) Functions in initializers (default values) of [destructuring](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring#default_value), [default parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters), [class fields](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Public_class_fields), etc., will inherit the name of the bound identifier as their `name`. js ``` const [f = () => {}] = []; f.name; // "f" const { someMethod: m = () => {} } = {}; m.name; // "m" function foo(f = () => {}) { console.log(f.name); } foo(); // "f" class Foo { static someMethod = () => {}; } Foo.someMethod.name; // someMethod ``` ### [Shorthand method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#shorthand_method) js ``` const o = { foo() {}, }; o.foo.name; // "foo"; ``` ### [Bound function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#bound_function) [`Function.prototype.bind()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) produces a function whose name is "bound " plus the function name. js ``` function foo() {} foo.bind({}).name; // "bound foo" ``` ### [Getter and setter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#getter_and_setter) When using [`get`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get) and [`set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set) accessor properties, "get" or "set" will appear in the function name. js ``` const o = { get foo() { return 1; }, set foo(x) {}, }; const descriptor = Object.getOwnPropertyDescriptor(o, "foo"); descriptor.get.name; // "get foo" descriptor.set.name; // "set foo"; ``` ### [Class](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#class) A class's name follows the same algorithm as function declarations and expressions. js ``` class Foo {} Foo.name; // "Foo" ``` Warning: JavaScript will set the function's `name` property only if a function does not have an own property called `name`. However, classes' [static members](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static) will be set as own properties of the class constructor function, and thus prevent the built-in `name` from being applied. See [an example](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#telling_the_constructor_name_of_an_object) below. ### [Symbol as function name](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#symbol_as_function_name) If a [`Symbol`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) is used a function name and the symbol has a description, the method's name is the description in square brackets. js ``` const sym1 = Symbol("foo"); const sym2 = Symbol(); const o = { [sym1]() {}, [sym2]() {}, }; o[sym1].name; // "[foo]" o[sym2].name; // "[]" ``` ### [Private fields and methods](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#private_fields_and_methods) Private fields and private methods have the hash (`#`) as part of their names. js ``` class Foo { #field = () => {}; #method() {} getNames() { console.log(this.#field.name); console.log(this.#method.name); } } new Foo().getNames(); // "#field" // "#method" ``` ## [Examples](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#examples) ### [Telling the constructor name of an object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#telling_the_constructor_name_of_an_object) You can use `obj.constructor.name` to check the "class" of an object. js ``` function Foo() {} // Or: class Foo {} const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // "Foo" ``` However, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property `name()`: js ``` class Foo { constructor() {} static name() {} } ``` With a `static name()` method `Foo.name` no longer holds the actual class name but a reference to the `name()` function object. Trying to obtain the class of `fooInstance` via `fooInstance.constructor.name` won't give us the class name at all, but instead a reference to the static class method. Example: js ``` const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // ƒ name() {} ``` Due to the existence of static fields, `name` may not be a function either. js ``` class Foo { static name = 123; } console.log(new Foo().constructor.name); // 123 ``` If a class has a static property called `name`, it will also become writable. The built-in definition in the absence of a custom static definition is read-only: js ``` Foo.name = "Hello"; console.log(Foo.name); // "Hello" if class Foo has a static "name" property, but "Foo" if not. ``` Therefore you may not rely on the built-in `name` property to always hold a class's name. ### [JavaScript compressors and minifiers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#javascript_compressors_and_minifiers) Warning: Be careful when using the `name` property with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time. Source code such as: js ``` function Foo() {} const foo = new Foo(); if (foo.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } ``` may be compressed to: js ``` function a() {} const b = new a(); if (b.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } ``` In the uncompressed version, the program runs into the truthy branch and logs "'foo' is an instance of 'Foo'" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the `name` property, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name. ## [Specifications](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#specifications) \| Specification \| \|---\| \| [ECMAScript® 2027 Language Specification \# sec-function-instances-name](https://tc39.es/ecma262/multipage/fundamental-objects.html#sec-function-instances-name) \| ## [Browser compatibility](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#browser_compatibility) ## [See also](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#see_also) - [Polyfill for `Function: name` in `core-js`](https://github.com/zloirock/core-js#ecmascript-function) - [es-shims polyfill of `Function.prototype.name`](https://www.npmjs.com/package/function.prototype.name) - [`Function`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function) ## Help improve MDN [Learn how to contribute](https://developer.mozilla.org/en-US/docs/MDN/Community/Getting_started) This page was last modified on Jul 10, 2025 by [MDN contributors](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name/contributors.txt). [View this page on GitHub](https://github.com/mdn/content/blob/main/files/en-us/web/javascript/reference/global_objects/function/name/index.md?plain=1 "Folder: en-us/web/javascript/reference/global_objects/function/name (Opens in a new tab)") • [Report a problem with this content](https://github.com/mdn/content/issues/new?template=page-report.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A+Folder%3A+%60en-us%2Fweb%2Fjavascript%2Freference%2Fglobal_objects%2Ffunction%2Fname%60%0A+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname%0A+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fblob%2Fmain%2Ffiles%2Fen-us%2Fweb%2Fjavascript%2Freference%2Fglobal_objects%2Ffunction%2Fname%2Findex.md%0A+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fcommit%2F544b843570cb08d1474cfc5ec03ffb9f4edc0166%0A+Document+last+modified%3A+2025-07-10T09%3A07%3A55.000Z%0A%0A%3C%2Fdetails%3E "This will take you to GitHub to file a new issue.") 1. [Standard built-in objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) 2. [`Function`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function) 3. Constructor 1. [`Function()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) 4. Instance methods 1. [`apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) 2. [`bind()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) 3. [`call()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call) 4. [`toString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString) 5. [`[Symbol.hasInstance]()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Symbol.hasInstance) 5. Instance properties 1. [`displayName`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/displayName) Non-standard 2. [`length`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/length) 3. [`name`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name)* 4. [`prototype`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/prototype) 5. [`arguments`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/arguments) Non-standard Deprecated 6. [`caller`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller) Non-standard Deprecated 6. Inheritance 7. [`Object/Function`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object) 8. Static methods 1. [`apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) 2. [`bind()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) 3. [`call()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call) 4. [`toString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString) 5. [`[Symbol.hasInstance]()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Symbol.hasInstance) 9. Static properties 1. [`displayName`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/displayName) Non-standard 2. [`length`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/length) 3. [`name`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name) 4. [`prototype`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/prototype) 5. [`arguments`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/arguments) Non-standard Deprecated 6. [`caller`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller) Non-standard Deprecated 10. Instance methods 1. [`__defineGetter__()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__defineGetter__) Deprecated 2. [`__defineSetter__()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__defineSetter__) Deprecated 3. [`__lookupGetter__()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__lookupGetter__) Deprecated 4. [`__lookupSetter__()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__lookupSetter__) Deprecated 5. [`hasOwnProperty()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty) 6. [`isPrototypeOf()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isPrototypeOf) 7. [`propertyIsEnumerable()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable) 8. [`toLocaleString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toLocaleString) 9. [`toString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString) 10. [`valueOf()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf) 11. Instance properties 1. [`__proto__`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto) Deprecated 2. [`constructor`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor) Your blueprint for a better internet. MDN - [About](https://developer.mozilla.org/en-US/about) - [Blog](https://developer.mozilla.org/en-US/blog/) - [Mozilla careers](https://www.mozilla.org/en-US/careers/listings/) - [Advertise with us](https://developer.mozilla.org/en-US/advertising) - [MDN Plus](https://developer.mozilla.org/en-US/plus) - [Product help](https://support.mozilla.org/products/mdn-plus) Contribute - [MDN Community](https://developer.mozilla.org/en-US/community) - [Community resources](https://developer.mozilla.org/en-US/docs/MDN/Community) - [Writing guidelines](https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines) - [MDN Discord](https://developer.mozilla.org/discord) - [MDN on GitHub](https://github.com/mdn) Developers - [Web technologies](https://developer.mozilla.org/en-US/docs/Web) - [Learn web development](https://developer.mozilla.org/en-US/docs/Learn_web_development) - [Guides](https://developer.mozilla.org/en-US/docs/MDN/Guides) - [Tutorials](https://developer.mozilla.org/en-US/docs/MDN/Tutorials) - [Glossary](https://developer.mozilla.org/en-US/docs/Glossary) - [Hacks blog](https://hacks.mozilla.org/) - [Website Privacy Notice](https://www.mozilla.org/privacy/websites/) - [Telemetry Settings](https://www.mozilla.org/en-US/privacy/websites/data-preferences/) - [Legal](https://www.mozilla.org/about/legal/terms/mozilla) - [Community Participation Guidelines](https://www.mozilla.org/about/governance/policies/participation/) Visit [Mozilla Corporation’s](https://www.mozilla.org/) not-for-profit parent, the [Mozilla Foundation](https://foundation.mozilla.org/). Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under [a Creative Commons license](https://developer.mozilla.org/docs/MDN/Writing_guidelines/Attrib_copyright_license).
Readable Markdown	## [Try it](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#try_it) ``` const func1 = function () {}; const object = { func2: function () {}, }; console.log(func1.name); // Expected output: "func1" console.log(object.func2.name); // Expected output: "func2" ``` ## [Value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#value) A string. \| Property attributes of `Function: name` \| \| \|---\|---\| \| Writable \| no \| \| Enumerable \| no \| \| Configurable \| yes \| Note: In non-standard, pre-ES2015 implementations the `configurable` attribute was `false` as well. ## [Description](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#description) The function's `name` property can be used to identify the function in debugging tools or error messages. It has no semantic significance to the language itself. The `name` property is read-only and cannot be changed by the assignment operator: js ``` function someFunction() {} someFunction.name = "otherFunction"; console.log(someFunction.name); // someFunction ``` To change it, use [`Object.defineProperty()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty). The `name` property is typically inferred from how the function is defined. In the following sections, we will describe the various ways in which it can be inferred. ### [Function declaration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_declaration) The `name` property returns the name of a function declaration. js ``` function doSomething() {} doSomething.name; // "doSomething" ``` ### [Default-exported function declaration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#default-exported_function_declaration) An [`export default`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) declaration exports the function as a declaration instead of an expression. If the declaration is anonymous, the name is `"default"`. js ``` // -- someModule.js -- export default function () {} // -- main.js -- import someModule from "./someModule.js"; someModule.name; // "default" ``` ### [Function constructor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_constructor) Functions created with the [`Function()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) constructor have name "anonymous". js ``` new Function().name; // "anonymous" ``` ### [Function expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#function_expression) If the function expression is named, that name is used as the `name` property. js ``` const someFunction = function someFunctionName() {}; someFunction.name; // "someFunctionName" ``` Anonymous function expressions, created using either the `function` keyword or the arrow function syntax, have `""` (an empty string) as their name by default. js ``` (function () {}).name; // "" (() => {}).name; // "" ``` However, such cases are rare — usually, in order to call the function elsewhere, the function expression is associated with an identifier. The name of an anonymous function expression can be inferred within certain syntactic contexts, including: [variable declaration, method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#variable_declaration_and_method), [initializer, and default value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#initializer_and_default_value). One practical case where the name cannot be inferred is a function returned from another function: js ``` function getFoo() { return () => {}; } getFoo().name; // "" ``` ### [Variable declaration and method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#variable_declaration_and_method) Variables and methods can infer the name of an anonymous function from its syntactic position. js ``` const f = function () {}; const object = { someMethod: function () {}, }; console.log(f.name); // "f" console.log(object.someMethod.name); // "someMethod" ``` The same applies to assignment: js ``` let f; f = () => {}; f.name; // "f" ``` ### [Initializer and default value](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#initializer_and_default_value) Functions in initializers (default values) of [destructuring](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring#default_value), [default parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters), [class fields](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Public_class_fields), etc., will inherit the name of the bound identifier as their `name`. js ``` const [f = () => {}] = []; f.name; // "f" const { someMethod: m = () => {} } = {}; m.name; // "m" function foo(f = () => {}) { console.log(f.name); } foo(); // "f" class Foo { static someMethod = () => {}; } Foo.someMethod.name; // someMethod ``` ### [Shorthand method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#shorthand_method) js ``` const o = { foo() {}, }; o.foo.name; // "foo"; ``` ### [Bound function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#bound_function) [`Function.prototype.bind()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) produces a function whose name is "bound " plus the function name. js ``` function foo() {} foo.bind({}).name; // "bound foo" ``` ### [Getter and setter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#getter_and_setter) When using [`get`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get) and [`set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set) accessor properties, "get" or "set" will appear in the function name. js ``` const o = { get foo() { return 1; }, set foo(x) {}, }; const descriptor = Object.getOwnPropertyDescriptor(o, "foo"); descriptor.get.name; // "get foo" descriptor.set.name; // "set foo"; ``` ### [Class](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#class) A class's name follows the same algorithm as function declarations and expressions. js ``` class Foo {} Foo.name; // "Foo" ``` Warning: JavaScript will set the function's `name` property only if a function does not have an own property called `name`. However, classes' [static members](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static) will be set as own properties of the class constructor function, and thus prevent the built-in `name` from being applied. See [an example](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#telling_the_constructor_name_of_an_object) below. ### [Symbol as function name](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#symbol_as_function_name) If a [`Symbol`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) is used a function name and the symbol has a description, the method's name is the description in square brackets. js ``` const sym1 = Symbol("foo"); const sym2 = Symbol(); const o = { [sym1]() {}, [sym2]() {}, }; o[sym1].name; // "[foo]" o[sym2].name; // "[]" ``` ### [Private fields and methods](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#private_fields_and_methods) Private fields and private methods have the hash (`#`) as part of their names. js ``` class Foo { #field = () => {}; #method() {} getNames() { console.log(this.#field.name); console.log(this.#method.name); } } new Foo().getNames(); // "#field" // "#method" ``` ## [Examples](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#examples) ### [Telling the constructor name of an object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#telling_the_constructor_name_of_an_object) You can use `obj.constructor.name` to check the "class" of an object. js ``` function Foo() {} // Or: class Foo {} const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // "Foo" ``` However, because static members will become own properties of the class, we can't obtain the class name for virtually any class with a static method property `name()`: js ``` class Foo { constructor() {} static name() {} } ``` With a `static name()` method `Foo.name` no longer holds the actual class name but a reference to the `name()` function object. Trying to obtain the class of `fooInstance` via `fooInstance.constructor.name` won't give us the class name at all, but instead a reference to the static class method. Example: js ``` const fooInstance = new Foo(); console.log(fooInstance.constructor.name); // ƒ name() {} ``` Due to the existence of static fields, `name` may not be a function either. js ``` class Foo { static name = 123; } console.log(new Foo().constructor.name); // 123 ``` If a class has a static property called `name`, it will also become writable. The built-in definition in the absence of a custom static definition is read-only: js ``` Foo.name = "Hello"; console.log(Foo.name); // "Hello" if class Foo has a static "name" property, but "Foo" if not. ``` Therefore you may not rely on the built-in `name` property to always hold a class's name. ### [JavaScript compressors and minifiers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#javascript_compressors_and_minifiers) Warning: Be careful when using the `name` property with source-code transformations, such as those carried out by JavaScript compressors (minifiers) or obfuscators. These tools are often used as part of a JavaScript build pipeline to reduce the size of a program prior to deploying it to production. Such transformations often change a function's name at build time. Source code such as: js ``` function Foo() {} const foo = new Foo(); if (foo.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } ``` may be compressed to: js ``` function a() {} const b = new a(); if (b.constructor.name === "Foo") { console.log("'foo' is an instance of 'Foo'"); } else { console.log("Oops!"); } ``` In the uncompressed version, the program runs into the truthy branch and logs "'foo' is an instance of 'Foo'" — whereas, in the compressed version it behaves differently, and runs into the else branch. If you rely on the `name` property, like in the example above, make sure your build pipeline doesn't change function names, or don't assume a function has a particular name. ## [Specifications](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#specifications) \| Specification \| \|---\| \| [ECMAScript® 2027 Language Specification \# sec-function-instances-name](https://tc39.es/ecma262/multipage/fundamental-objects.html#sec-function-instances-name) \| ## [Browser compatibility](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#browser_compatibility) ## [See also](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#see_also) - [Polyfill for `Function: name` in `core-js`](https://github.com/zloirock/core-js#ecmascript-function) - [es-shims polyfill of `Function.prototype.name`](https://www.npmjs.com/package/function.prototype.name) - [`Function`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function)
Shard	53 (laksa)
Root Hash	7082249407640205653
Unparsed URL	org,mozilla!developer,/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name s443