DEV Community

Cover image for SyntaxError : Reserved Word
robinjangu for LambdaTest

Posted on • Edited on • Originally published at lambdatest.com

SyntaxError : Reserved Word

Remember when you were a mere beginner in JavaScript, while learning you must have come across the term ‘reserved words’. These are the words that you can’t use as names for variables. Apart from mainstream keywords like break, var, if…else etc. there are many more reserved keywords.

SyntaxError: "x" is a reserved identifier  (Firefox)
SyntaxError: Unexpected reserved word (Chrome)
Enter fullscreen mode Exit fullscreen mode

Following will be the error messages you will receive if by accident you use such words. Seasoned JS developers too commit such blunders while scripting.

Do you know URL addresses can only be copied over to the Internet if they use ASCII characters. These addresses contain characters outside the ASCII set, so they must first be converted into an ASCII format. URL encoding replaces unsafe ASCII characters with a percent sign (%) followed by two hexadecimal digits.

Strict mode

Strict mode has become a necessity because of its many benefits. It keeps in check and streamlines the code flow, error debugging too becomes very easy. I wouldn’t say that it has shortcomings but you need to be extra careful while implementing this.

In addition to the already existing reserved keywords, Strict mode reserves a few more keywords like implements, interface, let, package, private, protected, public, as, yield and static.

<!DOCTYPE html>
<html>
<body>

<h2>With "use strict":</h2>
<h3>Using a reserved word as variable name, is not allowed.</h3>

<p>Activate debugging in your browser (F12) to see the error report.</p>

<script>
"use strict";
var public = 'Thanos';  // This will cause an error (public is reserved in strict mode).
</script>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Check this out: Base64 encoding- A way of translating binary data into text form so that it can be transmitted more easily via e-mail and HTML form data.

Unexpected syntax error

Now we change the variable name to avengerEnemy, now it will work.

<!DOCTYPE html>
<html>
<body>

<h2>With "use strict":</h2>
<h3>No reserved word used</h3>

<p>Activate debugging in your browser (F12) to see the avengerEnemy.</p>

<script>
"use strict";
var avengerEnemy = 'Thanos';  //  avengerEnemy is not a reserved word in strict mode.
console.log(avengerEnemy);
</script>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

error debugging, reserved keywords

Do you know the URL Parse Online allows splitting up the query string into a human-readable format and takes care of decoding the parameters.

If you still get the same error, it may be due to the outdated browser version. Try updating the browser, as the old versions have old reserved words that need to be revised.

Happy scripting!

Top comments (0)