JavaScript Best Practices
In this short article, we will show you the six points for best practices in JavaScript.
JavaScript Best Practices
- Avoid global variables
- Triple equal
- Modularize
- Declare Objects w/ const
- Optimize loops
- Don’t Use new Object()
1. Avoid global variables
Global variables and function names are an incredibly bad idea.
The reason is that every JavaScript file included in the page runs in the same scope.
One way to address it is by wrapping the code in an Immediately Invoked Function Expression (IIFE).
2. Triple equal
The ==
comparison operator always converts to matching types before comparison. The ===
operator forces comparison of values and type.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | const firstNum = 1; const secondNum = '1'; if (firstNum == secondNum) { console.log('true'); } else { console.log('false'); } // output: true if (firstNum === secondNum) { console.log('true'); } // output: false |
3. Modularize
This is a general programming best practice – making sure that you create functions that fulfill one job at a time.
This makes it easy for other developers to debug and change your code without having to scan through all the code to work out what code block performs what function.
4. Declare Objects w/ const
Declaring objects with const will prevent any accidental change of type.
1 2 3 4 5 | let car = { type: 'Fiat', model: '500', color: 'white' }; car = 'Fiat'; // Changes object to string const car = { type: 'Fiat', model: '500', color: 'white' }; car = 'Fiat'; // error |
5. Optimize loops
Loops can become very slow if you don’t do them right. One of the most common mistake is to read the length attribute of an array at every iteration.
You can avoid that by storing the length value in a different variable:
1 2 3 4 5 6 | const arr = [1, 2, 3]; const length = arr.length; for (let i = 0; i < length; i++) { console.log(arr[i]); } |
6. Don’t Use new Object()
- Use
""
instead of new String() - Use
0
instead of new Number() - Use
false
instead of new Boolean() - Use
{}
instead of new Object() - Use
[]
instead of new Array() - Use
/()/
instead of new RegExp() - Use
function (){ }
instead of new Function()
I hope you find this article helpful.
Thank you for reading. Happy Coding..!! 🙂