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
}
}
}
It's quick, easy and you get access to all the articles on DevX.
This registration/login is to allow you to read articles on devx.com. Already a member?
To become a member of DevX.com create your Member Profile by completing the form below. Membership is free!
If you have a hot tip and we publish it, we'll pay you. However, due to accounting overhead we no longer pay $10 for a single tip submission. You must accumulate 10 acceptable tips to receive payment. Be sure to include a clear explanation of what the technique does and why it's useful. If it includes code, limit it to 20 lines if possible. Submit your tip here.
