2

If I enclose use strict with backticks/template literals, 'use strict' is not working as expected. Can you share the reason behind it? Are there any similar exceptional statements where template literals are not going to work as expected?

`use strict`;
x = 3.14;  // Ideally it should  cause an error (as x is not defined).
alert(x);
`use strict`; // if we enclose in single quotes or double quotes
x = 3.14;    // Ideally it should  cause an error (as x is not defined).
alert(x);
Balaji Nandikolla
  • 31
  • 7
  • `use string` just doesn't work with template literals – KetZoomer Feb 12 '21 at 17:01
  • I prefer template literal, so tried, is it going to work or not over this special string... – Balaji Nandikolla Feb 13 '21 at 06:41
  • 3
    Why would you want to use template literals when it is just a simple string? "To invoke strict mode for an entire script, put the exact statement `"use strict";` (or `'use strict';`) before any other statements." [Source](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode#strict_mode_for_scripts) – Terry Feb 15 '21 at 08:23
  • 2
    Just because template literals exist doesn’t mean you need to replace every string literal with one… – deceze Feb 15 '21 at 08:57
  • Would you expect `\`use ${something}\`;` to work for a variable `something`? – Bergi Dec 09 '21 at 21:56
  • Same reason why [template literals don't work as object keys](https://stackoverflow.com/q/33194138/1048572): they're not string literals. – Bergi Dec 09 '21 at 21:58

2 Answers2

5

It is simply designed that way.

From the ES6 specification:

14.1.1 Directive Prologues and the Use Strict Directive

A Directive Prologue is the longest sequence of ExpressionStatement productions occurring as the initial StatementListItem or ModuleItem productions of a FunctionBody, a ScriptBody, or a ModuleBody and where each ExpressionStatement in the sequence consists entirely of a StringLiteral token followed by a semicolon. The semicolon may appear explicitly or may be inserted by automatic semicolon insertion. A Directive Prologue may be an empty sequence.

A Use Strict Directive is an ExpressionStatement in a Directive Prologue whose StringLiteral is either the exact code unit sequences "use strict" or 'use strict'. A Use Strict Directive may not contain an EscapeSequence or LineContinuation.

A Directive Prologue may contain more than one Use Strict Directive. However, an implementation may issue a warning if this occurs.

Emphasis mine.

It clearly states, that for the Use Strict Directive to work, it has to be written either with single or double quotes, but template literals are simply not allowed for this purpose.

FZs
  • 16,581
  • 13
  • 41
  • 50
3

That's because the Use Strict Directive is explicitly defined in the specification as an ExpressionStatement consisting entirely of a StringLiteral production, and limits the exact code point sequences to be either "use strict" or 'use strict'.

From the ECMAScript 2020 Language Specification:

14.1.1 Directive Prologues and the Use Strict Directive

A Directive Prologue is the longest sequence of ExpressionStatements occurring as the initial StatementListItems or ModuleItems of a FunctionBody, a ScriptBody, or a ModuleBody and where each ExpressionStatement in the sequence consists entirely of a StringLiteral token followed by a semicolon. The semicolon may appear explicitly or may be inserted by automatic semicolon insertion. A Directive Prologue may be an empty sequence.

A Use Strict Directive is an ExpressionStatement in a Directive Prologue whose StringLiteral is either of the exact code point sequences "use strict" or 'use strict'. A Use Strict Directive may not contain an EscapeSequence or LineContinuation.

A Directive Prologue may contain more than one Use Strict Directive. However, an implementation may issue a warning if this occurs.

Emphasis added

On the other hand, a TemplateLiteral is an entirely different production than a StringLiteral, and therefore cannot be a valid directive.

Patrick Roberts
  • 49,224
  • 10
  • 102
  • 153