Make Your JavaScript Code More Readable Using the with() Statement

The with() statement in JavaScript is identical to the With statement found in Visual Basic. Using with(), you can reduce object references and make your code more readable. Surprisingly, it is possible to have nested with() statements. For example, this code:

 function foo(){	var x = document.forms[0].elements[0].value;	var y = document.forms[0].elements[1].value;	var z = document.forms[0].elements[2].options[document.forms[0].elements[2].selectedIndex].text;}

could be rewritten as:

 function foo(){	with(document.forms[0]){		var x = elements[0].value;		var y = elements[1].value;	with(elements[2]){	var z = options[selectedIndex].text}}}

Charlie Frank

Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.