devxlogo

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

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}}}
devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist