[javascript] 인수가 JavaScript 함수로 전송되지 않는지 확인하는 가장 좋은 방법

인수가 함수에 전달되었는지 확인하는 방법에는 여러 가지가 있습니다. (원래) 질문에서 언급 한 두 가지 외에도 연산자를 확인 arguments.length하거나 사용하여 ||기본값을 제공하는 경우 undefinedvia 를 통해 argument2 === undefined또는 typeof argument2 === 'undefined'편집증이 있는지에 대한 인수를 명시 적으로 확인할 수 있습니다 (주석 참조).

은 Using ||모든 멋진 아이가 그것을 할 – – 운영자 것은 표준 관행이되었습니다하지만 조심 : 기본 값은 인수 평가되는 경우에 트리거됩니다 false, 실제로 될 수있는 수단 undefined, null, false, 0, ''(나에 대해 아무것도 Boolean(...)반환false ).

따라서 어떤 검사를 언제 사용해야하는지에 대한 질문은 모두 약간 다른 결과를 산출하기 때문입니다.

확인 중 arguments.length 는 ‘가장 올바른’행동을 보여 주지만, 둘 이상의 선택적인 인수가있는 경우에는 실행되지 않을 수 있습니다.

다음 테스트 undefined는 ‘최고’입니다. 함수가 명시 적으로 호출 된 경우에만 ‘실패’합니다undefined 값 . 인수를 생략하는 것과 같은 방식으로 처리해야합니다.

의 사용 || 운영자는 유효한 인수가 제공되는 경우에도 기본 값의 사용을 트리거 할 수 있습니다. 반면에, 실제로는 그 동작이 필요할 수 있습니다.

요약 : 당신이하고있는 일을 알고있는 경우에만 사용하십시오!

내 의견으로는, ||선택 인수가 둘 이상 있고 명명 된 매개 변수에 대한 해결 방법으로 객체 리터럴을 전달하지 않으려는 경우 사용하는 방법도 있습니다.

arguments.lengthswitch 문 레이블을 통해 기본값을 사용하는 또 다른 좋은 방법 이 가능합니다.

function test(requiredArg, optionalArg1, optionalArg2, optionalArg3) {
    switch(arguments.length) {
        case 1: optionalArg1 = 'default1';
        case 2: optionalArg2 = 'default2';
        case 3: optionalArg3 = 'default3';
        case 4: break;
        default: throw new Error('illegal argument count')
    }
    // do stuff
}

이것은 프로그래머의 의도가 (시각적으로) 명확하지 않으며 ‘마법의 숫자’를 사용한다는 단점이 있습니다. 따라서 오류 가능성이 높습니다.

답변

function foo(options) {

    default_options = {
        timeout : 1000,
        callback : function(){},
        some_number : 50,
        some_text : "hello world"
    };

    options = $.extend({}, default_options, options);
}

foo({timeout : 500});

{
    timeout : 500,
    callback : function(){},
    some_number : 50,
    some_text : "hello world"
};

if(! argument2) {

}

var unused; // value will be undefined
Test("test1", "some value");
Test("test2");
Test("test3", unused);
Test("test4", null);
Test("test5", 0);
Test("test6", "");

url = url === undefined ? location.href : url;

function Test(arg1 = 'Hello', arg2 = 'World!'){
  alert(arg1 + ' ' +arg2);
}

Test('Hello', 'World!'); // Hello World!
Test('Hello'); // Hello World!
Test(); // Hello World!