Difference between unescape() and escape() functions in JavaScript

In this article, we will learn about the escape() & unescape() functions in JavaScript. We will understand the purpose of using both these functions through the example. Later in this article, we will discuss the difference between escape() & unescape() functions. Let’s discuss the escape() function.

JavaScript escape() function: This function takes a string as a single parameter & encodes the string that can be transmitted over the computer network which supports ASCII characters. Encoding is the process of converting plain text into ciphertext.

Syntax:

escape( string )

Note: The escape() function only encodes the special characters, this function is deprecated.

Exceptions: @ – + . / * _

Example: In this example, we have used the special character to see the changes. 

Output:

Beginner%20for%20Beginner%21%21%21
To%20contribute%20articles%20contact%20us%20atcontribute
@w3wiki.net 

From the above output, we can see the exception in the email address with the special symbol “@” is not encoded & displays the same as in the input & the rest of the text got encoded.

Now, if we want to convert the encoded text ie., ciphertext to normal readable text then we have to use unescape() function that will decode the encoded text. Decoding is the process of converting ciphertext into plain text. 

JavaScript unescape() function: This function takes a string as a single parameter and uses it to decode that string encoded by the escape() function. The hexadecimal sequence in the string is replaced by the characters they represent when decoded via unescape() function.

Syntax:

unescape(string)

Note: This function only decodes the special characters, this function is deprecated.

Exceptions: @ – + . / * _

Example 1: In this example, we have used the special character to see the changes. 

Output:

Beginner for Beginner!!!
To contribute articles contact us at  
contribute@w3wiki.net

From the above example, we can see the ciphertext gets decode to the plain text by using the unescape() function.

Example 2: 

Output:

Encoded : Beginner%20for%20Beginner%21%21%21
Decoded : Beginner for Beginner!!!

Encoded : To%20contribute%20articles%20contact%20us%20
          at%20contribute@w3wiki.net
Decoded : To contribute articles contact us at 
          contribute@w3wiki.net

Difference between unescape() & escape() function: