Tutorialspoint.dev

Strict mode in JavaScript

Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a “strict” operating context. This strict context prevents certain actions from being taken and throws more exceptions. The statement “use strict”; instructs the browser to use the Strict mode, which is a reduced and safer feature set of JavaScript.

Benifits of using ‘use strict’
Strict mode makes several changes to normal JavaScript semantics.

  • Strict mode eliminates some JavaScript silent errors by changing them to throw errors.
  • Strict mode fixes mistakes that make it difficult for JavaScript engines to perform optimizations: strict mode code can sometimes be made to run faster than identical code that’s not strict mode.
  • Strict mode prohibits some syntax likely to be defined in future versions of ECMAScript.
  • It prevents, or throws errors, when relatively “unsafe” actions are taken (such as gaining access to the global object).
  • It disables features that are confusing or poorly thought out.
  • Strict mode makes it easier to write “secure” JavaScript.
  • How to use strict mode
    Strict mode can be used in two ways – used in global scope for the entire script and can be applied to individual functions. Strict mode doesn’t work with block statements enclosed in {} braces.



    Using Strict mode for the entire script
    To invoke strict mode for an entire script, put the exact statement “use strict”; (or ‘use strict’;) before any other statements.

    // Whole-script strict mode syntax
    'use strict';
     let v = "strict mode script!";
    

    NOTE: This syntax has a flow : it isn’t possible to blindly concatenate non-conflicting scripts. Consider concatenating a strict mode script with a non-strict mode script: the entire concatenation looks strict! The inverse is also true: non-strict plus strict looks non-strict. Concatenation of strict mode scripts with each other is fine, and concatenation of non-strict mode scripts is fine. Only concatenating strict and non-strict scripts is problematic. It is thus recommended that you enable strict mode on a function-by-function basis (at least during the transition period).

    Using Strict mode for the entire script
    Likewise, to invoke strict mode for a function, put the exact statement “use strict”; (or ‘use strict’;) in the function’s body before any other statements.

    function strict() {
    
      // Function-level strict mode syntax
      'use strict';
    
      function nested() { return 'Javascript on GeeksforGeeks'; }
    
      return "strict mode function!  " + nested();
    }
    function notStrict() { return "non strict function"; }
    

    Examples of using Strict mode



  • In normal JavaScript, mistyping a variable name creates a new global variable. In strict mode, this will throw an error, making it impossible to accidentally create a global variable
  • Using strict mode, don’t allow to use a variable without declaring it
  • // Using a variable, without declaring it, is not allowed:
    ‘use strict’;
    x = 3.14; // will throw an error

    Output:

    // Objects are variables too.
    // Using an object, without declaring it, is not allowed:
    ‘use script’;
    x = {p1:10, p2:20}; // will throw an error

    Output:

  • Deleting a variable (or object) and a function is not allowed
  • ‘use strict’;
    let x = 3.14;

    // Deleting a function is also not allowed
    ‘use strict’;
    function x(p1, p2) {};
    delete x; // will throw an error

    Output:

  • Duplicating a parameter name is not allowed
  • ‘use strict’;
    function x(p1, p1) {}; // will throw an error

    Output:

  • Octal numeric literals are not allowed
  • ‘use strict’;
    let x = 010; // will throw an error

    Output:



  • Escape characters are not allowed
  • ‘use strict’;
    let x = 10; // will throw an error

    Output:

  • Writing to a read-only property is not allowed
  • ‘use strict’;
    let obj = {};
    Object.defineProperty(obj, “x”, {value:0, writable:false});

    obj.x = 3.14; //will throw an error

    Output:

  • Writing to a get-only property is not allowed
  • ‘use strict’;
    let obj = {get x() {return 0} };

    obj.x = 3.14; // will throw an error

    Output:

  • Deleting an undeletable property is not allowed
  • ‘use strict’;
    delete Object.prototype; // will throw an error

    Output:

  • The string “eval” cannot be used as a variable
  • ‘use strict’;
    let eval = 3.14; // will throw an error

    Output:

  • The string “arguments” cannot be used as a variable
  • ‘use strict’;
    let arguments = 3.14; // will throw an error

    Output:

  • The with statement is not allowed
  • ‘use strict’;
    with (Math){x = cos(2)}; // will throw an error

    Output:

  • In function calls like f(), the this value was the global object. In strict mode, it is now undefined
  • In normal JavaScript, a developer will not receive any error feedback assigning values to non-writable properties


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter