Strict mode makes your program or function follow a strict operating context. Now here is my latest post related to the use strict in JavaScript. This post is very much beneficial for beginners and refreshers.

What is "use strict" ?

=> Strict mode makes your program or function follow a strict operating context.
So what does this actually mean?
=> Now, the compiler throws some silent errors that were previously not thrown or ignored. Also, doesn't allow you to do certain things. Let's see what things.

What does strict mode exactly do ?

The variable will not get added to the global/window object if it is not declared.

designer = "Creativity is everything"

var developer = "Docs are life"

console.log(designer)  
//  Creativity is everything  

By default, if an undeclared is defined variable is defined, it gets added to the global/window object. This can create an error an may even be hard to find.

To avoid such scenarios, we can declare use strict. Strict mode does not let the use of variables which have not been declared.

var designer = "Creativity is everything"

// YOU PROBABLY MEANT THIS.  

Under Strict Mode

'use strict'

designer = "Creativity is everything"  
var developer = "Docs are life"

console.log(designer)  
// ReferenceError: designer is not defined  

Function with duplicate named parameters in non strict mode

In normal JavaScript, we can repeat argument names in functions. The late occurrence of this arguments will override the previous ones.

function logItems( y, y ) {  
       console.log(y)  
       console.log(y)  
}  
logItems(44,22)  
// 22  
// 22  

Function with duplicate named parameters in strict mode

The function will not be established if it has same names parameters.

"use strict"

function logItems( y, y ) {  
       console.log(y)  
       console.log(y)  
}

// SyntaxError: Duplicate  
// parameter name not  
// allowed in this context  

Delete operator under strict mode

It stops one from deleting function, variables and function parameters.

Our Amazing Sponsors

View Website

DigitalOcean offers a simple and reliable cloud hosting solution that enables developers to get their website or application up and running quickly.

View Website

Laravel News keeps you up to date with everything Laravel. Everything from framework news to new community packages, Laravel tutorials, and more.

View Website

A Laravel Starter Kit that includes Authentication, User Dashboard, Edit Profile, and a set of UI Components. Learn more about the DevDojo sponsorship program and see your logo here to get your brand in front of thousands of developers.

1

"use strict"

const x= 4;  
delete x

// SyntaxError: Delete of an  
// unqualified identifier in  
// strict mode.   

2

"use strict"

function LOG() {  
   console.log("Log")  
}

delete LOG

// SyntaxError: Delete  
// of an unqualified  
// identifier in strict mode.   

The delete operator in itself is used to remove a property on an object not variables, functions, etc.

Silent Errors are thrown in strict mode

We'll see two examples...
(First)

var user = {  
         name: "Rahul",  
         age: "16",   
    }  
console.log(user)  
// { name: 'Rahul', age: '16' }

Object.defineProperty(user, "gender", {  
     value: "Male",   
     enumerable: true,   
     writable: false,   
     configurable: false  
})

delete user.gender  
// No error in console

console.log(user)  
//{ name: 'Rahul', age: '16', gender: 'Male' }

(SECOND)

"user strict"

var user = {  
      name: "Rahul",   
      age: "16",  
     }  
console.log(user)  
// //{ name: 'Rahul', age: '16' }


Object.defineProperty(user, "gender", {  
     value: "Male",   
     enumerable: true,   
     writable: false,   
     configurable: false  
})

delete user.gender  
// No error in console

delete user.gender  
// TypeError: Cannot delete property 'gender' of #Object

How to check if you are in strict mode ?

"use strict"

var isStrict = (function() { return !this; })();  
  console.log(isStrict)

// true  

var isStrict = (function() { return !this; })();  
  console.log(isStrict)

// false  

Thanks For Reading | ⚡ Happy Learning and Coding