Javascript_Basic 지식의 기본 매개변수에 대한 자세한 설명

Ruby, CoffeeScript 및 향후 JavaScript 버전과 같은 일부 언어는 함수를 정의할 때 다음과 같이 기본 매개변수를 선언할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

function myFunc(param1, param2 = "두 번째 문자열") {
console.log(param1, param2);
}

// 출력: "첫 번째 문자열" 및 "두 번째 문자열"
myFunc("첫 번째 문자열");

// 출력: "첫 번째 문자열" 및 "두 번째 문자열 버전 2"
myFunc("첫 번째 문자열", "두 번째 문자열 버전 2");

안타깝게도 현재 버전의 자바스크립트에서는 이러한 작성 방식이 유효하지 않습니다. 그렇다면 기존 도구 세트를 사용하여 이를 달성하기 위해 무엇을 할 수 있습니까?

가장 간단한 해결책은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

함수 myFunc(param1, param2) {
If (param2 === 정의되지 않음) {
         param2 = "두 번째 문자열";
}

console.log(param1, param2);
}

// 출력: "첫 번째 문자열" 및 "두 번째 문자열 버전 2"
myFunc("첫 번째 문자열", "두 번째 문자열 버전 2");

사실 생략된 매개변수는 액세스할 때 항상 "정의되지 않음"입니다. 매개변수가 하나만 있는 경우 이는 좋은 솔루션이지만, 매개변수가 두 개 이상인 경우에는 어떻게 될까요?

매개변수가 두 개 이상인 경우 개체를 매개변수로 사용할 수 있으며, 이는 각 매개변수에 명확한 이름이 있다는 장점이 있습니다. 객체 매개변수를 전달하는 경우에도 동일한 방식으로 기본값을 선언할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

함수 myFunc(paramObject) {
var defaultParams = {
         param1: "첫 번째 문자열",
         param2: "두 번째 문자열",
        param3: "세 번째 문자열"
};

var finalParams = defaultParams;

// paramObject의 각 속성을 반복합니다
for(paramObject의 var 키) {
// 현재 속성이 상속되지 않은 경우 진행
If (paramObject.hasOwnProperty(key)) {
                                   // 현재 속성이 정의된 경우
                          // finalParams에 추가
If (paramObject[key] !== 정의되지 않음) {
                     finalParams[키] = paramObject[키];
            }
}
}

console.log(finalParams.param1,
                     finalParams.param2,
                     finalParams.param3);
}
myFunc({param1: "나만의 문자열"});

이 방법을 여러 곳에서 사용하면 래퍼 함수를 ​​작성할 수 있지만 다행히 많은 라이브러리에는 이제 jQuery 및 Underscore의 확장 메서드와 같은 관련 메서드가 있습니다.

다음은 Underscore의 확장 메소드를 사용하여 위와 동일한 결과를 얻습니다.

코드 복사 코드는 다음과 같습니다.

함수 myFunc(paramObject) {
var defaultParams = {
         param1: "첫 번째 문자열",
         param2: "두 번째 문자열",
        param3: "세 번째 문자열"
};

var finalParams = _.extend(defaultParams, paramObject);

console.log(finalParams.param1,
                     finalParams.param2,
                     finalParams.param3);
}

// 출력:
// "나만의 문자열"과 "두 번째 문자열"과 "세 번째 문자열"
myFunc({param1: "나만의 문자열"});

이것은 현재 자바스크립트 버전에서 기본 매개변수를 얻는 방법입니다.

기사에 부정확한 내용이 있으면 비판과 수정을 환영합니다.