default 키워드는 switch 구문과 export 구문에서 사용할 수 있습니다.

구문

switch 구문 내에서는 다음과 같이 사용합니다.

switch (expression) {
  case value1:
    //Statements executed when the result of expression matches value1
    [break;]
  default:
    //Statements executed when none of the values match the value of the expression
    [break;]
}

export 구문 내에서는 다음과 같이 사용합니다.

export default nameN 

설명

세부사항을 보시려면,

  • switch 구문,
  • export 구문 페이지를 확인하세요.

예제

switch에서 default 사용

아래 예제에서 expr 이 "오렌지" 또는 "사과"일 때, 프로그램은 값을 "오렌지" 또는 "사과"와 일치시키고 해당 명령문을 실행합니다. 기본(default) 키워드는 다른 경우에 도움이 되며 연관된 명령문을 실행합니다.

switch (expr) {
  case '오렌지':
    console.log('오렌지는 1000원입니다.');
    break;
  case '사과':
    console.log('사과는 500원입니다.');
    break;
  default:
    console.log('죄송합니다. ' + expr + '의 재고가 다 떨어졌습니다.');
}

export에서 default 사용

단일 값을 내보내거나 모듈의 기본 값이 필요한 경우, 기본으로 내보내기를 사용할 수 있습니다.

// module "my-module.js"
let cube = function cube(x) {
  return x * x * x;
};
export default cube;

다른 스크립트에서 가져오는 건 간단합니다.

// module "my-module.js"
import cube from 'my-module';  //default export gave us the liberty to say import cube, instead of import cube from 'my-module'
console.log(cube(3)); // 27

명세

Specification Status Comment
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'switch statement' in that specification.
Standard  
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'Exports' in that specification.
Standard  
ECMAScript Latest Draft (ECMA-262)
The definition of 'switch statement' in that specification.
Draft  
ECMAScript Latest Draft (ECMA-262)
The definition of 'Exports' in that specification.
Draft  

브라우저 호환성

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung InternetNode.js
default keyword in switchChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yesnodejs Full support Yes
default keyword with exportChrome Full support 61Edge Full support 16
Full support 16
Full support 15
Disabled
Disabled From version 15: this feature is behind the Experimental JavaScript Features preference.
Firefox Full support 60
Full support 60
No support 54 — 60
Disabled
Disabled From version 54 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference. To change preferences in Firefox, visit about:config.
IE No support NoOpera Full support 47Safari Full support 10.1WebView Android No support NoChrome Android Full support 61Edge Mobile Full support YesFirefox Android Full support 60
Full support 60
No support 54 — 60
Disabled
Disabled From version 54 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference. To change preferences in Firefox, visit about:config.
Opera Android Full support 47Safari iOS Full support 10.1Samsung Internet Android No support Nonodejs ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
User must explicitly enable this feature.
User must explicitly enable this feature.

같이 보기

문서 태그 및 공헌자

태그: 
이 페이지의 공헌자: urty5656, SSJ-unclear
최종 변경자: urty5656,