Future of the with-statement in Javascript

Question

I know that usage of the with-statement is not recommended in Javascript and is forbidden in ECMAScript 5, but it allows one to create some nice DSLs in Javascript.

For example CoffeeKup-templating engine and the Zappa web DSL. Those uses some very weird scoping methods with the with-statement to achieve DSLish feeling to them.

Is there any future with the with-statement and these kinds of DSLs?

Can this DSL-effect be achieved without the with-statement?

ES Next quasi-literals look like they will become JS DSL tool. — c69, Oct 04 '11 at 17:27

score 10 · Answer 1 · answered Mar 21 '11 at 06:44

10

In coffeescript, there is a nice trick to keep using fancy dsls without using with:

 using = (ob, fn) -> fn.apply(ob)

 html = 
   head : (obj) -> # implementation
   body : (fn)  -> # implementation
   div  : (str) -> # implementation

 using html, ->
   @head
     title: "My title"
   @body =>
     @div "foo bar"
     @div "qux moo"

 /*
   in pure javascript you'd be using
   with(html){
     head({title:"My title"});
     body(function(){
       div("foo bar");
       div("qux moo");
     });
   }
 */

answered Mar 21 '11 at 06:44

Adrien

9,551
3
26
27

1

Ah, awesome! This is almost as clean as the with-trick. Anyone yet implemented a templating engine using this? – esamatti Mar 21 '11 at 07:03
1

Don't think so, however it should be possible to adapt coffeekup (https://github.com/mauricemach/coffeekup) to that effect. – Adrien Mar 21 '11 at 07:05
1

This is not the same as what "with" does. "with" puts variables directly in scope, not as properties of "this". – koops Apr 01 '13 at 22:58

score 9 · Accepted Answer · edited Mar 21 '11 at 10:16

with being "forbidden" in ECMAScript 5 is a common misconception.

Only in strict mode of ECMAScript 5 — which is opt-in, mind you — with statement is a syntax error. So you can certainly still use with in fully ECMAScript 5 -compliant implementations, as long as they occur in non-strict (or sloppy, as Crockford calls it) code. It won't be pretty for performance (since mere presence of with often kills various optimizations in modern engines) but it will work.

Future versions of ECMAScript are very likely to be based on strict mode behavior, although will also likely be opt-in as well. So conforming to strict mode is certainly a good idea when it comes to future proofing your scripts.

score 2 · Answer 3 · answered Jun 19 '11 at 21:23

Why not just assign a var to point to the object instead of using with?

'with' style:

with(a_long_object_name_that_is_bloated) {
  propertyA = 'moo';
  propertyB = 'cow';
}

'var' style:

var o = a_long_object_name_that_is_bloated;
o.propertyA = 'moo';
o.propertyB = 'cow';

score 1 · Answer 4 · edited Feb 14 '12 at 16:42

1

To answer Epeli's question, take a look at CoffeeMugg which does what CoffeeKup does but using Adrien's technique. It uses this. instead of the with statement.

edited Feb 14 '12 at 16:42

esamatti

18,293
11
75
82

answered Jan 30 '12 at 02:50

Jae Kwon

91
5

Future of the with-statement in Javascript

4 Answers4

Linked