Programing

함수 매개 변수 목록 내의 중괄호는 es6에서 무엇을합니까?

crosscheck 2020. 9. 2. 14:24
반응형

함수 매개 변수 목록 내의 중괄호는 es6에서 무엇을합니까?


작업중인 코드베이스에서 다음과 같은 기능이 계속 표시됩니다.

const func = ({ param1, param2 }) => {
  //do stuff
}

이것이 정확히 무엇을하고 있습니까? 나는 이것이 무엇이라고 부르는지 또는 Google 검색에서 그것을 설명하는 방법을 모르기 때문에 Google에서 찾는 데 어려움을 겪고 있습니다.


그것은됩니다 destructuring 하지만, 매개 변수에 포함. 구조화가없는 동등한 것은 다음과 같습니다.

const func = o => {
    var param1 = o.param1;
    var param2 = o.param2;
    //do stuff
}

이것은 객체를 속성으로 전달하는 것입니다.

기본적으로

let param1 = someObject.param1
let param2 = someObject.param2

매개 변수없이이 기술을 사용하는 또 다른 방법은 다음과 같습니다. someObject에 이러한 속성이 포함되어 있는지 잠시 살펴 보겠습니다.

let {param1, param2} = someObject;

참고 URL : https://stackoverflow.com/questions/37661166/what-do-curly-braces-inside-of-function-parameter-lists-do-in-es6

반응형