>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 \'options = options || {}\'의 목적은 무엇입니까?

JavaScript에서 \'options = options || {}\'의 목적은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-04 13:22:02993검색

What's the Purpose of

Javascript에서 "options = options || {}"의 의미 탐색

Javascript에서 코드 "options = options || {}"는 함수 매개변수에 기본값을 할당하는 데 사용되는 간결한 구문입니다. 이 스니펫은 함수 호출 중에 명시적으로 전달되지 않은 경우에도 매개변수 변수에 정의된 값이 있는지 확인하는 데 일반적으로 사용됩니다.

"||" 논리 OR 연산자로 알려진 연산자는 첫 번째 피연산자가 "거짓"인 경우 두 번째 피연산자의 값으로 평가됩니다. Javascript에서 "falsy" 값에는 null, 정의되지 않음, 빈 문자열(""), NaN, 0 및 false가 포함됩니다.

코드 "options = options || {}"에서 "options" 변수가 초기화되고 거짓이 아닌 경우(즉, null이 아니거나 정의되지 않은 등) 할당은 단순히 값을 "옵션"에 다시 할당합니다. 그러나 "options"가 거짓이거나 초기화되지 않은 경우 할당은 빈 속성 집합을 사용하여 새 객체 리터럴을 생성하고 이를 "options"에 할당합니다.

ES6 이전에는 이 기술이 일반적이었습니다. 함수 매개변수에 대한 기본값을 제공하는 데 사용됩니다. 예:

function test (options) {
  options = options || {};
}

인수 없이 "test"를 호출하면 기본적으로 "options" 매개변수에 빈 개체가 할당됩니다.

그러나 ES6가 도입되면서 Javascript는 실제 기본 매개변수 값을 지원합니다. 기본 매개변수 구문을 사용하면 코드를 다음과 같이 다시 작성할 수 있습니다.

function test (options = {}) {
  //...
}

이 경우 "options"가 명시적으로 전달되지 않거나 정의되지 않으면 자동으로 빈 개체로 설정됩니다. "||"와 달리 잘못된 값 연산자 예에서는 기본값 사용이 트리거되지 않습니다.

위 내용은 JavaScript에서 \'options = options || {}\'의 목적은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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