UnderstandingtheDistinctionBetweendecodeURIComponentandItsEncodingCounterpart

Q: What is the difference between the Javascript functions decodeURIComponent and decodeURI?

To explain the difference between these two let me explain the difference between encodeURI and encodeURIComponent.


The main difference is that:

• encodeURI is intended for use on the full URI.
• encodeURIComponent is intended to be used on .. well .. URI components that is any part that lies between separators (; / ? : &＃64; & &＃61; &＃43; $ , #).

So, in encodeURIComponent these separators are encoded also because they are regarded as text and not special characters.


Now back to the difference between the decode functions, each function decodes strings generated by its corresponding encode counterpart taking care of the semantics of the special characters and their handling.