SyntaxError: function statement requires a name
메세지
Syntax Error: Expected identifier (Edge) SyntaxError: function statement requires a name [Firefox] SyntaxError: Unexpected token ( [Chrome]
에러 타입
무엇이 잘못되었을까?
예제
구문 vs 표현식
함수 구문(또는 함수 선언)은 이름이 필요하므로 아래 예제는 동작하지 않습니다:
js
function () { return 'Hello world';}// SyntaxError: function statement requires a name대신함수 표현식을 사용할 수 있습니다:
js
var greet = function () { return "Hello world";};또는, 선언하자마자 바로 실행되는IIFE (Immediately Invoked Function Expression)를 사용할 수 있습니다. 이 경우 몇 개의 괄호가 더 필요합니다:
js
(function () {})();레이블을 붙인 함수
만약 함수레이블을 사용하는 경우function 키워드 뒤에 함수 이름이 필요하므로 아래 예제는 동작하지 않습니다:
js
function Greeter() { german: function () { return "Moin"; }}// SyntaxError: function statement requires a name아래 예제는 동작합니다:
js
function Greeter() { german: function g() { return "Moin"; }}객체 메소드
만약 객체 메소드를 만드는 경우 먼저 객체를 만들어야 합니다. 객체 메소드의 경우 아래 예제와 같이function 키워드 뒤에 이름이 없어도 정상적으로 동작합니다.
js
var greeter = { german: function () { return "Moin"; },};콜백 구문
콜백을 사용하는 경우 구문을 확인해야 합니다. 괄호와 쉼표는 구문을 어렵게 만듭니다.
js
promise.then( function() { console.log("success"); }); function() { console.log("error");}// SyntaxError: function statement requires a name올바르게 변경하면:
json
promise.then( function() { console.log("success"); }, function() { console.log("error"); });