Considerations for switching JavaScript modes
Switching the JavaScript mode for an application or script might change the behavior of existing scripts. Review some examples of behavior changes before switching JavaScript modes or to troubleshoot any issues that you experience after switching.
For more information about each JavaScript mode, see JavaScript modes and JavaScript engine feature support.
This table highlights how JavaScript behavior has evolved from the lenient and error-prone pre-ES5 environment, to the stricter and more predictable ES5, and lastly the more feature-rich environment of ES12 (ECMAScript 2021).
| Feature | Compatibility Mode | ES5 Standards Mode | ECMAScript 2021 \(ES12\) |
|---|---|---|---|
| Arguments object | The `arguments` object exists, but there's no `strict mode`, so modifications reflect on `arguments`. Prints: | In strict mode, the arguments object doesn’t reflect parameter modifications and throws an error. Prints: | The same as ES5. |
| Boolean overrides | Primitive Booleans \(`true`, `false`\) can be overridden, causing unexpected behavior. | Primitive Booleans are more protected, though still can be overridden when assigned to variables. | The same as ES5, but strict mode helps prevent some assignments. The conditional expression should be written in this form: |
| Exception for syntax errors | Syntax errors throw exceptions at runtime. Error handling is inconsistent. Example: | More consistent syntax error handling, especially in strict mode. Example: | The same as ES5, but with more robust handling and clearer error messages in updated engines. Example: |
| Increment and decrement | Allowed on variables but could behave unexpectedly with complex expressions. Prints: | Improved clarity, but still allowed on variables \(`var`, `let`, `const`\). Prints: | The same as ES5, with stricter rules in some contexts \(for example, `const`\). |
| Line continuations | Allowed with a backslash \(`\`\) but discouraged due to readability issues. In this example, all three functions are called. | Same as Compatibility mode; no change in handling line continuations. In the previous example, ES5 only calls the first function and treats everything after the first comment including the newline as comment until the expression end. | The same as ES5, but template literals provide a more readable alternative. |
| Missing semicolons | Automatic semicolon insertion \(ASI\) often led to unexpected behavior. | Throws a syntax error when a semicolon is missing. | The same as ES5. Updated practices encourage explicit semicolons. |
| Non-existent functions | Calling a non-existent function throws a `ReferenceError`. | Throws a `TypeError` if a non-function is called. | Throws an EcmaError when a non-existent function is called or a property is referenced. |
| Non-existent properties | Accessing a non-existent property returns `undefined`; no error thrown. | Same as pre-ES5. | The same as Compatibility mode and ES5 Standards mode. |
| Numeric literals | Basic decimal and hexadecimal literals. | Introduced stricter parsing rules and better handling of numeric literals. | Added binary \(`0b`\), octal \(`0o`\), and BigInt literals \(`123n`\). |
| Reserved keyword as property | Using reserved keywords isn't possible. | Reserved keywords can be used as property names without error, for example, `obj.for`. Prints the object when returned. | The same as ES5. |
| Treat let and yield as keywords | `let` and `yield` aren’t keywords and can be used as identifiers only. | `let` is introduced as a keyword. `yield` is reserved in strict mode. | Both are keywords. Using them as identifiers throws syntax errors. |
Parent Topic:JavaScript modes