Function: name

Function 인스턴스의 name 속성은 함수가 생성될 때 지정된 대로 함수의 이름을 나타내거나 익명으로 생성된 함수의 경우 anonymous 또는 ''(빈 문자열)일 수 있습니다.

시도해보기

문자열.

Property attributes of Function: name
Writable 불가능
Enumerable 불가능
Configurable 가능

참고: 비표준, ES6 이전 구현에서는 configurable 속성 또한 false 였습니다.

설명

name 속성은 함수 이름 또는 (ES6 구현 이전) 익명(anonymous) 함수에 대해서는 빈 문자열을 반환합니다.

js
function doSomething() {}

console.log(doSomething.name); // logs "doSomething"

new Function(...) 또는 그냥 Function(...) 구문으로 생성된 함수는 name 속성을 빈 문자열로 설정합니다. 다음 예에서는 익명 함수가 생성되므로 name은 빈 문자열을 반환합니다:

js
var f = function () {};
var object = {
  someMethod: function () {},
};

console.log(f.name == ""); // true
console.log(object.someMethod.name == ""); // 역시 true

ES6 함수를 구현한 브라우저는 익명 함수 이름을 그 구문상 위치로부터 추측할 수 있습니다. 예를 들어:

js
var f = function () {};
console.log(f.name); // "f"

function 식에서 이름으로 함수를 정의할 수 있습니다:

js
var object = {
  someMethod: function object_someMethod() {},
};
console.log(object.someMethod.name); // logs "object_someMethod"

try {
  object_someMethod;
} catch (e) {
  console.log(e);
}
// ReferenceError: object_someMethod가 정의되지 않음

함수 이름은 바꿀 수 없습니다, 이 속성은 읽기 전용입니다:

js
var object = {
  // 익명
  someMethod: function () {},
};

object.someMethod.name = "someMethod";
console.log(object.someMethod.name); // 빈 문자열, someMethod는 익명

그러나 바꾸려면, Object.defineProperty()를 사용할 수 있습니다.

객체의 'class'를 확인하기 위해 obj.constructor.name을 사용할 수 있습니다:

js
function a() {}

var b = new a();

console.log(b.constructor.name); // logs "a"

명세서

Specification
ECMAScript Language Specification
# sec-function-instances-name

브라우저 호환성

BCD tables only load in the browser

같이 보기

  • A polyfill for functions' .name property is available in core-js
  • Function