How to enable strict mode globally in AngularJS?

Question

I spent a lot of time debugging a program, thinking I couldn't do something when my only mistake was to having switched the case of a variable name.

I can enable strict mode (AKA, no undeclared variable can be used) per file by typing "use strict"; it indeed shows me that I am using a non-existing variable.

How can I enable strict mode globally, or at least for my project's files ?

It's not 'strict mode'. It's 'use strict'. – JSON Derulo Aug 10 '17 at 06:26 — JSON Derulo, Aug 10 '17 at 06:26
@D.Simon corrected, thanks you – user96649 Aug 10 '17 at 06:27 — user96649, Aug 10 '17 at 06:27

score 1 · Answer 1 · answered Aug 10 '17 at 06:50

Because strict mode is selected at the level of a syntactic source text unit, strict mode only imposes restrictions that have local effect within such a source text unit. Strict mode does not restrict or modify any aspect of the ECMAScript semantics that must operate consistently across multiple source text units.

That's what the specification says.

So it's not possible to globally enable strict mode for multiple JavaScript files.

However, you could use a build tool like Gulp. This enables you to combine all your JavaScript files to one single file. In this case, you would only have to enable the strict mode once.

score 0 · Answer 2 · answered Aug 10 '17 at 06:27

0

Try to use

use strict

Please check the tutorial in w3schools.com https://www.w3schools.com/js/js_strict.asp

answered Aug 10 '17 at 06:27

josdev

81
1
11

1

This is what I'm doing on one file, and it works, but how can I enable it for the whole angular project ? – user96649 Aug 10 '17 at 06:28
I forgot to include "globally" in the title, sorry. – user96649 Aug 10 '17 at 06:29
1

Try to add this code in your index.html before including all angular files. – josdev Aug 10 '17 at 06:43
It seems to have worked, thanks you. Mind adding this to your answer so I can accept it ? – user96649 Aug 10 '17 at 06:59

score 0 · Answer 3 · answered Aug 10 '17 at 07:00

0

What about putting the 'use strict' in app.js as common file. Please make a try.

answered Aug 10 '17 at 07:00

John Davis

413
5
12

Maxwellt · Answer 4 · 2017-08-10T10:12:57.760

0

Add ng-strict-di attribute to the body tag of your index.html

Here is the documentation: AngularJs Strict Di Mode

edited Aug 10 '17 at 10:12

answered Aug 10 '17 at 08:30

Maxwellt

126
5

How to enable strict mode globally in AngularJS?

4 Answers4