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

devx-admin

Share the Post: