>  기사  >  웹 프론트엔드  >  JavaScript 이해, 함수의 기본 매개변수

JavaScript 이해, 함수의 기본 매개변수

php中世界最好的语言
php中世界最好的语言원래의
2017-11-18 09:33:051639검색

JavaScript는 우리의 연구나 업무에 관여하므로 JavaScript의 큰 부분을 차지하는 함수도 이해해야 합니다. 그리고 함수는 끊임없이 변화하고 있습니다. 이 글은 JavaScript를 이해하고 익히는 데 도움이 될 것입니다.
JavaScriptfunction은 기본 매개변수 값을 가질 수 있습니다. 함수 매개변수를 기본값으로 설정하면 형식 매개변수를 기본값으로 초기화할 수 있습니다. 특정 값을 가진 매개변수가 초기화되지 않으면 해당 매개변수의 기본값은 정의되지 않습니다.

다음 코드를 보세요:

function foo(num1){
    console.log(num1);
}
foo();

foo 함수를 호출할 때 매개 변수를 전달하지 않으므로 variablenum1의 기본값이 정의되지 않음으로 설정됩니다. 그러나 때로는 정의되지 않음 대신 기본값을 설정하고 싶을 수도 있습니다. 과거에는 매개변수 값을 정의되지 않음으로 테스트한 다음 값을 할당하는 것이 가장 좋은 전략이었습니다. 따라서 위의 예에서 num1의 기본값을 9로 설정하려면 다음 코드와 같이 하면 됩니다.

function foo(num1) {
    if (num1 === undefined) {
        num1 = 9;
    }
    console.log(num1);
}
foo();

ECMAScript 6에서는 함수에 대한 기본 매개변수를 도입했습니다. ECMA 2015의 기본 매개변수 기능을 사용하면 더 이상 정의되지 않은 매개변수 값을 확인할 필요가 없습니다. 이제 매개변수 자체의 기본값으로 9를 설정할 수 있습니다. 다음과 같이 위 함수를 기본값을 사용하도록 재정의할 수 있습니다.

function foo(num1 =9) {
    console.log(num1);
}
foo();

함수 foo의 경우 num1 인수의 값이 전달되지 않으면 JavaScript는 num1의 기본값으로 9를 설정합니다.

정의되지 않은 매개변수 확인

함수 호출 시 명시적으로 매개변수 값으로 정의되지 않음을 전달하더라도 매개변수 값은 기본값으로 설정됩니다.

function foo(num1 =9) {
    console.log(num1);
}
foo(undefined);

위 코드에서는 num1의 값으로 정의되지 않음을 전달하므로 num1의 값은 기본값인 9로 설정됩니다.

런타임에 계산되는 기본값

JavaScript 함수 기본값은 런타임에 계산됩니다. 이를 더 잘 이해하려면 다음 코드를 살펴보세요.

function foo(value = koo()) {
    return value;
}
function koo() {
     return "Ignite UI";
}
var a = foo();
console.log(a);

함수 foo에서는 매개변수 값의 기본값이 function koo로 설정되어 있습니다. 런타임에 foo 함수가 호출되면 koo 함수가 평가됩니다. foo 함수를 호출하면 아래와 같은 출력이 표시됩니다(이 예에서는 Ignite UIframework를 사용했습니다).

JavaScript 이해, 함수의 기본 매개변수

기본 매개변수 재사용

기본 매개변수는 후속 기본 매개변수에서 사용할 수 있습니다. 다음 코드를 살펴보세요.

function foo(num1 = 9, num2 = num1 + 8){
    console.log(num2);
}
foo();

위 코드에서는 기본값 num1을 사용하여 기본값 num2를 계산합니다. foo 함수를 호출하면 다음과 같은 출력을 얻게 됩니다.


JavaScript 이해, 함수의 기본 매개변수

Conclusion

JavaScript 기본 매개변수는 함수를 작성할 때 매우 유용합니다. 기본 매개변수 기능을 사용하면 함수를 호출할 때 매개변수가 누락된 경우 정의되지 않은 것으로 정의하는 대신 함수 매개변수에 기본값을 할당할 수 있습니다.

관련 읽기:

JS의 foreach 및 Each에 대한 간략한 소개


JS 페이지 새로 고침 방법 요약


JavaScript에서 정규 표현식의 의미와 사용


위 내용은 JavaScript 이해, 함수의 기본 매개변수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.