Scribd
Upload
5 views

Javascript Best Practices 1685180754

Uploaded by

tripphoto108
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

Javascript Best Practices 1685180754

Uploaded by

tripphoto108
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

JS TIPS BY

EMMANUEL

JAVASCRIPT
BEST
PRACTICES.
@Ezenagu Emmanuel
01

Following JavaScript best practises can aid in faster


page loads and improved performance, as well as
improved code readability and ease of
maintenance and debugging. Carefully written
code can also help to avoid errors and security
issues.
02

Avoid Global
Variables
• Minimize the use of global variables.

• This includes all data types, objects, and functions.

• Global variables and functions can be overwritten


by other scripts.

• Use local variables instead, and learn how to use


closures.
03

Always Declare Local


Variables
• Local variables should be declared for all variables
used in a function.

• If the var, let, or const keyword is not used when


declaring a local variable, the local variable will be
converted to a global variable.
04

Declarations on Top
All declarations should be placed at the beginning of
each script or function as good coding practise.

This will result in:

• A cleaner code
• Give users a single location to look for local variables.
• Make it simpler to avoid undesirable (implied) global
variables.
• Reduce the likelihood of unwanted re-declarations.
05

Example;
06

Initialize Variables
When you declare variables, you should always
initialise them.

This will:

• Provide cleaner code


• Provide a single location for variable initialization.
• Avoid using undefined values.
07

Declare Arrays with


const

• Declaring arrays with const prevents


accidental type changes:
08
Example;
09

Don't Use new Object()


• Instead of new String(), use "".
• Instead of new Number(), use 0
• Instead of using new Boolean(), use false
• Rather than new Object(), use {}
• Instead of using new Array(), use [].
• Instead of using new RegExp(), use /()/.
• Instead of using new Function(), use function (){}.
10
Example;
11

Beware of Automatic
Type Conversions
• JavaScript is a loosely typed language.

• A variable can hold any type of data.

• A variable's data type can be changed:


12
Example;
13

Use === Comparison

• Prior to comparison, the == comparison operator


converts (to types that match).

• The === operator requires a value and type


comparison:
14
Example;
15

Use Parameter
Defaults
• When a function is called with an unspecified
argument, the value of the unspecified argument is
set to undefined.

• Undefined values can cause your code to fail.


Assigning default values to arguments is a good
practise.
16

Example;
17

End Your Switches


with Defaults

• Always include a default at the end of your switch


statements. Even if you believe it is unnecessary.
18

Example;
19

Avoid Number, String,


and Boolean as
Objects
• Numbers, strings, and booleans should always be
treated as primitive values, not as objects.

• Declaring these types as objects slows execution


and has negative side effects:
20

Example;
21

Avoid Using eval()

• The eval() function is used to run text as code. But


in most cases, it should not be necessary to use it.

• It also poses a security risk because it allows


arbitrary code to be executed.
Was this post
helpful to you?
Please like, save and share it
to your friends to inspire them!

Follow Me For More!

@Ezenagu Emmanuel

You might also like