JavaScript에서 'function' 키워드 없이 개체 메서드를 정의할 수 있나요?

"function" 키워드가 없는 개체 메서드 정의

이 기사에서는 "function" 키워드가 없는 개체 메서드 정의의 흥미로운 사례를 조사합니다. 코딩 오류처럼 보일 수도 있지만 새로운 ES6 기능 도입으로 인해 일부 브라우저에서는 실제로 작동할 수 있습니다.

어떻게 작동하나요?

In ECMAScript 6(ES6)에서는 객체 내의 메서드 정의를 위해 약칭 표기법이 도입되었습니다. 이 표기법을 사용하면 아래 예에서 볼 수 있듯이 "function" 키워드가 필요하지 않습니다.

// Shorthand method names (ES6)
var o = {
  property([parameters]) {},
  get property() {},
  set property(value) {},
  * generator() {}
};

브라우저 지원

이 약어 표기법은 최신 브라우저에서 지원됩니다. Chrome과 비슷하지만 Internet Explorer 11과 같은 이전 브라우저에서는 그렇지 않습니다. 이것이 질문에 제공된 예제가 Chrome에서는 작동하지만 IE에서는 실패하는 이유입니다. 11.

이것은 버그인가요, 아니면 기능인가요?

이 동작은 최신 브라우저에서 ES6을 구현한 결과입니다. 이는 버그가 아니라 보다 간결하고 읽기 쉬운 객체 메소드 정의를 가능하게 하는 의도된 기능입니다.

결론

"함수" 없이 객체 메소드를 정의하는 기능 키워드는 코드를 단순화하고 가독성을 향상시키는 주목할만한 ES6 기능입니다. 모든 브라우저에서 지원되지 않을 수도 있지만 최신 JavaScript 개발에서는 점점 일반화되고 있습니다.

위 내용은 JavaScript에서 'function' 키워드 없이 개체 메서드를 정의할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!