Development Tip

중괄호가있는 Javascript (ES6) const

yourdevel 2020. 10. 26. 21:24
반응형

중괄호가있는 Javascript (ES6) const


이 질문에 이미 답변이 있습니다.

저는 ECMAScript 6을 처음 사용하고 Ember를 배우려고하는 동안 다음 코드 스타일을 가끔 보았습니다.

const {
  abc,
  def
} = Object;

새로운 ES6 사양을 설명하는 Google과 많은 사이트를 검색했습니다. 입력 할 때 콘솔에서 오류가 발생하기 때문에 이것이 현재 구현이 아니라는 것을 알고 있습니다.

이 코드는 무엇을 의미합니까?

최신 정보

이 스 니펫을 Babel의 transpiler에 붙여 넣었 는데 다음 과 같이 반환되었습니다.

"use strict";

var abc = Object.abc;
var def = Object.def;

나는 이것이 달성하려는 것에 대해 여전히 혼란 스럽습니다.


그것은 ES2015 구조 해제 과제 입니다.

좀 더 자세한 방법으로 다시 작성하는 것이 도움이 될 수 있습니다.

const abc = Object.abc;
const def = Object.def;

객체에서 속성을 변수로 추출하는 구문 적으로 간결한 방법입니다.

// you can rewrite this
const name = app.name;
const version = app.version;
const type = app.type;

// as this
const { name, version, type } = app;

브라우저 공급 업체는 여전히 ES2015 사양을 구현 하고 있기 때문에 브라우저에서 작동하지 않을 수 있습니다.

그러나 향후 Javascript 사양을 ES5로 다시 변환 할 수있는 Babel 이라는 프로젝트 가 있습니다. REPL 에서 ES2015 코드를 시험해 볼 수 있습니다 .

참고 URL : https://stackoverflow.com/questions/33798717/javascript-es6-const-with-curly-braces

반응형