JavaScript 2 Enterprise
Edition
Slide

Me
_ Working at SinnerSchrader
_ Joose - JavaScript Meta Object System
_ http://nonblocking.io
Slide 2

Me
_ Working at SinnerSchrader
_ Joose - JavaScript Meta Object System
_ http://nonblocking.io
@cramforce
Slide 2

My employer asked me to say a
few kind words about
SinnerSchrader, so that you all
want to work there.

bla bla

SinnerSchrader: The Important
Facts
* Linden, 2006 5
Slide

SinnerSchrader: The Important
Facts
1
Server side JS project
in production
* Linden, 2006 5
Slide

SinnerSchrader: The Important
Facts
2
Active CouchDB projects
1
Server side JS project
in production
* Linden, 2006 5
Slide

SinnerSchrader: The Important
Facts
1
Server side JS project
in development
2
Active CouchDB projects
1
Server side JS project
in production
* Linden, 2006 5
Slide

SinnerSchrader: The Important
Facts
1
Server side JS project
in development
2
1
Erlang projects in planning
2
Active CouchDB projects
Server side JS project
in production
* Linden, 2006 5
Slide

SinnerSchrader: The Important
Facts
1
10 Mil $
Server side JS project
in development
in the bank
2
1
Erlang projects in planning
2
Active CouchDB projects
Server side JS project
in production
* Linden, 2006 5
Slide

The Topic Today: J2EE

The Topic Today: J2EE
or in other words
Joose -
JavaScript Meta Object System

„Malte Ubl and the Joose folk are
always pushing the boundaries on
munging JavaScript to their whim.“
– Dion Almaer

Slide 9
JavaScript

Slide 9
JavaScript

Slide 10

Embrace & Extend
Slide 10

Slide 11

Slide 11

Does everybody hate me now?

Can I have a fresh start?

What is Joose?

What is Joose?
Joose is a meta object system for
JavaScript

What is Joose?
Joose is a meta object system for
JavaScript
Why meta?

Strange Loops are fun!

Does the meta class have a meta
class?

Does the meta class have a meta
class? And the meta class of the
meta class of the meta class.

Does the meta class have a meta
class? And the meta class of the
meta class of the meta class.
Joose is written in itself. Who
wrote „itself“?

JavaScript Object Literals FTW!
Loop unrolling for objects

Developing Joose is fun.

Developing with Joose is fun, too.

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes
Prototypes
Packages
Mixins
Traits
Method
Modifiers
Type
Coercions
Slide 24

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes
Packages
Mixins
Traits
Method
Modifiers
Type
Coercions
Slide 25

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages
Mixins
Traits
Method
Modifiers
Type
Coercions
Slide 26

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins
Traits
Method
Modifiers
Type
Coercions
Slide 27

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits
Method
Modifiers
Type
Coercions
Slide 28

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method
Modifiers
Type
Coercions
Slide 29

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type
Coercions
Slide 30

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Slide 31

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Epic Fail
Slide 32

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Epic Fail Failed
Slide 33

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Epic Fail Failed Medium Fail
Slide 34

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Epic Fail Failed Medium Fail Guru Wins
Slide 35

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS
Classes Win Win Win Yes You Can Win
Prototypes Fail Fail Fail Win Win
Packages Win Fail/Win Win Yes You Can Win
Mixins Fail Fail Win Yes You Can Win
Traits Fail Win Fail Yes You Can Win
Method Fail Fail Fail Yes You Can Win
Modifiers
Type Fail Fail Fail Yes You Can Win
Coercions
Epic Fail Failed Medium Fail Guru Wins Win
Slide 36

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS CouchDB
Classes Win Win Win Yes You Can Win Fail
Prototypes Fail Fail Fail Win Win Fail
Packages Win Fail/Win Win Yes You Can Win Fail
Mixins Fail Fail Win Yes You Can Win Fail
Traits Fail Win Fail Yes You Can Win Fail
Method Fail Fail Fail Yes You Can Win Fail
Modifiers
Type Fail Fail Fail Yes You Can Win Fail
Coercions
Epic Fail Failed Medium Fail Guru Wins Win I‘m sorry
Jan :)
Slide 37

Scientific Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS CouchDB
Classes Win Win Win Yes You Can Win Fail
Prototypes Fail Fail Fail Win Win Fail
Packages Win Fail/Win Win Yes You Can Win Fail
Mixins Fail Fail Win Yes You Can Win Fail
Traits Fail Win Fail Yes You Can Win Fail
Method Fail Fail Fail Yes You Can Win Fail
Modifiers
Type Fail Fail Fail Yes You Can Win Fail
Coercions
Epic Fail Failed Medium Fail Guru Wins Win I‘m sorry
Jan :)
Slide 37

Joose is all about embracing
JavaScript while giving you a large
hammer for increased expressivity
when you need it.

Einfach hinschreiben!

Class
Class("Point", {
has: {
x: {
is: "rw",
init: 0
},
y: {
is: "rw",
init: 0
}
},
methods: {
clear: function () {
this.setX(0);
this.setY(0);
}
}
})

Class
Class("Point", { var point = new Point();
has: { point.setX(10)
x: { point.setY(20);
is: "rw", point.clear();
init: 0
},
y: {
is: "rw",
init: 0
}
},
methods: {
clear: function () {
this.setX(0);
this.setY(0);
}
}
})

Class
Class("Point", { var point = new Point();
has: { point.setX(10)
x: { point.setY(20);
is: "rw", point.clear();
init: 0
},
y: { Class("Point3D", {
is: "rw", isa: Point,
init: 0 has: {
} z: {}
}, },
methods: { after: {
clear: function () { clear: function () {
this.setX(0); this.z = 0;
this.setY(0); }
} }
} })
})

Modules
Module("my.test.module", function (m) {
Class("Test", {
methods: { world: function () { return "hello" } }
});
Class("Test2", {
methods: { world: function () { return "hello" } }
})
})
new my.test.module.Test()

Roles (Traits + State)
Role("Comparable", {
requires: "compare",
methods: {
equalTo: function (other) { return this.compare(other) == 0 },
greaterThan: function (other) { return this.compare(other) == 1 },
lessThan: function (other) { return this.compare(other) == -1 },
greaterThanOrEqualTo: function (other) {
return this.greaterThan(other) || this.equalTo(other)
}
}
})

Roles (Traits + State)
Role("Comparable", {
requires: "compare",
methods: {
equalTo: function (other) { return this.compare(other) == 0 },
greaterThan: function (other) { return this.compare(other) == 1 },
lessThan: function (other) { return this.compare(other) == -1 },
greaterThanOrEqualTo: function (other) {
return this.greaterThan(other) || this.equalTo(other)
}
}
})
Class("Currency", {
does: Comparable,
methods: {
compare: function () {...}
}
})

Prototypes
Prototype("Proto", {
methods: {
one: function () { return 1 }
}
})

Prototypes
Prototype("Proto", {
methods: {
one: function () { return 1 }
}
})
Every instance of a Prototype
gets their own meta class instance!

Prototypes
Prototype("Proto", {
methods: {
one: function () { return 1 }
}
})
Every instance of a Prototype
gets their own meta class instance!
// similar to
var obj = new SomeJooseClass();
obj.detach()

Type Coercions (no more parseInt)
Type('MySmallNumber', {
uses: Joose.Type.Int,
where: function (value) {
if ( value > 1 && value < 5 ) {
return true;
}
return false;
},
coerce: [{
from: Joose.Type.Str, // coercion from string to number
via: function(str) {
return new Number(Str); // perform our coercion
}
}]
});

Type Coercions (no more parseInt)
Class('MyClass', {
has: {
myField: {
is: 'rw',
isa: Joose.Type.MySmallNumber,
coerce: true
}
}
})
var o = new MyClass();
o.setMyField('3')
alert(o.myField * 2)

Wake Up!

Meta Classes
Class("ControllerMetaClass", {
isa: Joose.Class,
methods: {
handlePropevents: function (map) {
var self = this;
var className = this.className();
Joose.O.eachSafe(map, function (func, topic) {
func.displayName = "EventHandler$"+className+"$"+topic;
$(document).bind(topic, function () {
var obj = self.c.getInstance()
func.apply(obj, arguments)
})
})
}
}
})

Meta Classes
Class("ProductController", {
meta: ControllerMetaClass,
events: {
"productDetail:selectedColor": function (data) {
...
},
"productDetail:selectedArticle": function (data) {
...
},
"productDetail:selectedSizeNotAvailable": function (data) {
...
}
}
})

Meta Classes

Meta Classes

Meta Classes

Meta Classes
Class("ControllerMetaClass", {
isa: Joose.Class,
properties: {
events: function (map) {
var self = this;
var className = this.className();
Joose.O.eachSafe(map, function (func, topic) {
func.displayName = "EventHandler$"+className+"$"+topic;
$(document).bind(topic, function () {
var obj = self.c.getInstance()
func.apply(obj, arguments)
})
})
}
}
})

Does it come with overhead?

Yes, using Joose will slow your
application down!

Yes, using Joose will slow your
application down!
But less than a single instance of
$(".className")

Speaking of the DOM
Joose is tested to work well with
jQuery, Prototype (with some
limitations), Dojo and YUI.

And it loves the server as well.
Works with Rhino, V8,
SpiderMonkey and, yes, even
JScript.NET

And it loves the server as well.
Works with Rhino, V8,
SpiderMonkey and, yes, even
JScript.NET

Remember
Strange Loops are fun!

Remember
Strange Loops are fun!
Joose has Strange Loops
+ increased expressivity

Strange Expressivity!

http://code.google.com/p/joose-
js/
irc://irc.freenode.org/joose
http://github.com/Joose/Joose

Thank You for Listening!
http://nonblocking.io
@cramforce