Our volunteers haven't translated this article into عربي yet. Join us and help get the job done!
The default keyword can be used in two situations in JavaScript: within a switch
statement, or with an export
statement.
Syntax
Within a switch
statement:
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;] }
With export
statement:
export default nameN
Description
For more details see the
Examples
Using default
in switch
statements
In the following example, if expr
evaluates to "Bananas" or "Apples", the program matches the values with either the case "Bananas" or "Apples" and executes the corresponding statement. The default
keyword will help in any other case and executes the associated statement.
switch (expr) { case "Oranges": console.log("Oranges are $0.59 a pound."); break; case "Apples": console.log("Apples are $0.32 a pound."); break; default: console.log("Sorry, we are out of " + expr + "."); }
Using default
with export
If you want to export a single value or need a fallback value for a module, a default export can be used:
// module "my-module.js" let cube = function cube(x) { return x * x * x; } export default cube;
Then, in another script, it will be straightforward to import the default export:
// module "my-module.js" import myFunction from 'my-module'; console.log(myFunction(3)); // 27
Specifications
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Switch default | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Export default | No support | No support | No support | No support | No support |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Switch default | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Export default | No support | No support | No support | No support | No support | No support |