JavaScript에서 선택적 함수 매개변수를 사용하는 방법

이 짧은 기사에서는 JavaScript에서 선택적 함수 매개변수를 사용하는 방법에 대해 설명합니다.

JavaScript는 인터넷의 핵심 기술 중 하나입니다. 대부분의 웹사이트에서 사용되며 플러그인 없이도 모든 최신 웹 브라우저에서 지원됩니다. 이 시리즈에서는 일상적인 JavaScript 개발에 도움이 되는 다양한 팁과 요령에 대해 논의하겠습니다.

JavaScript 코딩에서는 함수 매개변수를 선택적으로 만들어야 하는 경우가 많습니다. JavaScript 함수를 사용하는 경우 필수 매개변수와 선택적 매개변수라는 두 가지 유형의 매개변수가 있습니다. 필수 매개변수의 경우 매개변수를 전달해야 합니다. 그렇지 않으면 JavaScript에서 오류가 발생합니다. 단, 선택적 매개변수의 경우 전달하지 않으면 기본값으로 초기화됩니다.

오늘은 자바스크립트의 선택적 함수 매개변수에 대한 기본 사항과 사용법에 대해 알아보겠습니다.

ES5 및 이전 버전에서 선택적 함수 매개변수를 사용하는 방법

이 섹션에서는 구형 브라우저에서도 작동하는 솔루션에 대해 논의하겠습니다. 이는 함수 매개변수를 선택적으로 만드는 기본 지원이 없었던 JavaScript ES5 시대까지 자주 사용되었습니다.

다음 예를 통해 어떻게 작동하는지 이해해 봅시다.

으아악

위 예시에서 getFullImagePath 函数采用两个参数：imagePath 和 imageBaseUrl。我们希望将第二个 imageBaseUrl 매개변수는 선택사항으로 설정되어 있으므로, 기본 매개변수 값을 사용하려면 생략해도 됩니다. 선택 사항으로 만들려면 다음 문을 사용합니다.

으아악

기본적으로 이 매개변수의 기본값으로 imageBaseUrl 变量是否已定义。如果它被定义并且计算结果为 TRUE，我们假设第二个参数可用，并且我们将使用它。另一方面，如果 imageBaseUrl 参数未定义或计算结果为 FALSE，我们将使用 https://code.tutsplus.com/ 값을 확인합니다. 선택적 매개변수는 항상 매개변수 목록 끝에 표시되어야 합니다.

이 방법은 값을 재정의하므로 숫자 값에는 작동하지 않습니다. 0。同样，如果您希望能够将 0 或 null 함수에 전달하는 경우 인수가 정의되지 않았는지 명시적으로 확인해야 합니다.

으아악

이 경우 명시적으로 imageBaseUrl 参数的值是否为 undefined를 확인하여 선택적 매개변수인지 여부를 결정합니다. 이는 매개변수가 선택사항인지 여부를 확인하는 더 간단한 방법입니다.

ES6+ 버전을 지원하지 않는 브라우저에서 함수 매개변수를 선택사항으로 만드는 방법입니다. 다음 섹션에서는 최신 브라우저의 맥락에서 이에 대해 논의하겠습니다.

JavaScript ES6에서 선택적 함수 매개변수를 사용하는 방법

이 섹션에서는 ES6 버전의 JavaScript를 지원하는 최신 브라우저에서 사용할 수 있는 방법에 대해 설명합니다. 다음 예를 통해 이것이 어떻게 작동하는지 이해해 봅시다. 이전 섹션에서 설명한 예제를 ES6 버전으로 다시 작성하겠습니다.

으아악

다른 프로그래밍 언어를 사용해 본 적이 있다면 선택적 기능 매개변수를 정의하는 위의 방법에 익숙할 것입니다. 이 경우 선택적 매개변수에는 함수 선언문 자체에 기본값이 할당됩니다.

또한 매개변수 목록 끝에 정의하기만 하면 다음 코드 조각에 표시된 것처럼 여러 개의 선택적 매개변수를 가질 수 있습니다.

으아악

보시다시피 JavaScript ES6 구문은 이전 방식보다 더 간단하고 작성하기 쉽습니다.

결론

오늘 우리는 몇 가지 실제 예와 함께 JavaScript에서 선택적 함수 매개 변수를 사용하는 방법에 대해 논의했습니다.

다음은 JavaScript에서 선택적 함수 매개변수를 인코딩하는 다양한 방법을 비교한 것입니다.

방법	메모
arg = arg ||默认值	ES6 이전의 일반적인 관용구이지만 0 和 null는 기본값으로 재정의됩니다.
arg = (typeof arg === '未定义') ?默认值：arg	ES6 이전에 선택적 매개변수를 구현하는 가장 쉬운 방법입니다.
函数某事(arg=defaultValue) { }	ES6 및 최신 버전의 JavaScript에 가장 적합한 접근 방식입니다.

위 내용은 JavaScript에서 선택적 함수 매개변수를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!