ES6에서 구조해제된 함수 매개변수를 사용할 때 원래 객체 이름을 유지하는 방법은 무엇입니까?

ES6 구조화 함수 매개변수에서 루트 객체 이름 유지

ES6에서 구조화 함수 매개변수를 사용하면 개별 객체 속성을 간결하게 추출할 수 있습니다. 그러나 특정 속성만 구조 해제되는 경우 루트 개체의 이름을 어떻게 유지할 수 있는지에 대한 의문이 제기됩니다.

ES5에서 루트 개체 전달

ES5에서는, 객체는 상속 비유를 사용하여 참조로 전달할 수 있습니다. 예를 들어, "setupParentClass5" 함수는 "options" 개체를 가져와 "textEditor"를 구성하는 데 사용합니다. "setupChildClass5" 함수는 "setupParentClass5(options)"를 호출하여 이러한 옵션을 상속합니다.

ES6 구조 분해의 과제

ES6에서는 "const {rows"와 같은 구조 해제된 매개 변수를 사용합니다. "setupParentClass6"의 , columns}"는 나열된 특정 속성만 추출합니다. 이로 인해 "setupChildClass6" 내에서 루트 "옵션" 개체에 액세스할 수 없게 될 수 있습니다.

추가 인수를 사용하는 솔루션

한 가지 해결 방법은 다음과 같이 추가 인수를 추가하는 것입니다. :

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options); 
};

이 접근 방식을 사용하면 "setupChildClass6"이 구조 해제된 속성과 구조 해제되지 않은 속성을 모두 포함하는 전체 "옵션" 개체에 액세스할 수 있습니다.

위 내용은 ES6에서 구조해제된 함수 매개변수를 사용할 때 원래 객체 이름을 유지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!