J2EE :) Joose - A Meta Object System for JavaScript

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.

SinnerSchrader: The Important
Facts

* Linden, 2006 5
Slide

Facts

1
Server side JS project
in production
* Linden, 2006 5
Slide

Facts

2
Active CouchDB projects
1
in production
* Linden, 2006 5
Slide

Facts
1
in development

2
1
in production
* Linden, 2006 5
Slide

Facts
1
in development

2
1
Erlang projects in planning

2
in production
* Linden, 2006 5
Slide

Facts
1
10 Mil $
in development

in the bank

2
1
Erlang projects in planning

2
in production
* Linden, 2006 5
Slide

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

Embrace & Extend
Slide 10

What is Joose?

Joose is a meta object system for
JavaScript

What is Joose?

Joose is a meta object system for
JavaScript

Why meta?

Does the meta class have a meta
class?

class? And the meta class of the
meta class of the meta class.

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 with Joose is fun, too.

Scientiﬁc Model of Object System
Awesomeness
Java Smalltalk Ruby JavaScript Joose/JS

Classes

Prototypes

Packages

Mixins

Traits

Method
Modifiers

Type
Coercions

Slide 24

Awesomeness

Classes Win Win Win Yes You Can Win

Prototypes

Packages

Mixins

Traits

Method
Modifiers

Type
Coercions

Slide 25

Awesomeness


Prototypes Fail Fail Fail Win Win

Packages

Mixins

Traits

Method
Modifiers

Type
Coercions

Slide 26

Awesomeness



Packages Win Fail/Win Win Yes You Can Win

Mixins

Traits

Method
Modifiers

Type
Coercions

Slide 27

Awesomeness




Mixins Fail Fail Win Yes You Can Win

Traits

Method
Modifiers

Type
Coercions

Slide 28

Awesomeness





Traits Fail Win Fail Yes You Can Win

Method
Modifiers

Type
Coercions

Slide 29

Awesomeness






Method Fail Fail Fail Yes You Can Win
Modifiers

Type
Coercions

Slide 30

Awesomeness






Modifiers

Type Fail Fail Fail Yes You Can Win
Coercions

Slide 31

Awesomeness






Modifiers

Coercions

Epic Fail

Slide 32

Awesomeness






Modifiers

Coercions

Epic Fail Failed

Slide 33

Awesomeness






Modifiers

Coercions

Epic Fail Failed Medium Fail

Slide 34

Awesomeness






Modifiers

Coercions

Epic Fail Failed Medium Fail Guru Wins

Slide 35

Awesomeness






Modifiers

Coercions

Epic Fail Failed Medium Fail Guru Wins Win

Slide 36

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.

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

methods: {
}
})

Every instance of a Prototype
gets their own meta class instance!

Prototypes

methods: {
}
})

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)

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

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

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

Remember
Strange Loops are fun!

Remember
Strange Loops are fun!

Joose has Strange Loops
+ increased 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

J2EE :) Joose - A Meta Object System for JavaScript

Recommended

Recommended

More Related Content

Similar to J2EE :) Joose - A Meta Object System for JavaScript

Similar to J2EE :) Joose - A Meta Object System for JavaScript (20)

Recently uploaded

Recently uploaded (20)

J2EE :) Joose - A Meta Object System for JavaScript

Editor's Notes