, (*1)
What is JOII?
JOII (short for JavaScript Object Inheritance Implementation) brings class-
based programming to JavaScript without the use of a compiler. Everything
is done using native JavaScript. JOII allows you to build your applications
using Classes and Interfaces as you would in most other object oriented
languages. JOII is built with the priciple of being compatible with any
browser on the market. Therefore, JOII is supported by Internet Explorer
5.5 and anything that came after that., (*2)
Full documentation can be found here, (*3)
UPGRADING TO 4.x, (*4)
In node environments, JOII no longer exposes anything to the
global scope. This means that functions like Class
, Interface
and Enum
are no longer
directly available by default. If you want to keep this behavior, use the useGlobal()
function when requiring JOII., (*5)
require('joii').useGlobal();
Features
IRC
JOII can be found on the freenode IRC server on channel #joii., (*6)
License
Like most other popular JavaScript libraries, JOII is released under the MIT license., (*7)
The MIT License is simple and easy to understand and it places almost no restrictions on what you can do with a JOII project.
You are free to use any JOII-project in any other project (even commercial projects) as long as the copyright header is left intact.
All sample codes on this website are public domain, meaning you're free to do with them as you please., (*8)
Installation
Browser
Load JOII like any other library. JOII does not require any dependencies., (*9)
<script src="/path/to/joii.min.js"></script>
JOII is available as a bower package: bower install joii
, (*10)
Node
Install using npm and automatically add to your package.json file using --save
if you want., (*11)
npm install joii --save
Somewhere, in your node project:, (*12)
var JOII = require("joii");
var MyClass = JOII.Class({ /* ... */ });
Node & Global Scope
Since 4.x, JOII functions, such as Class
and Interface
are no longer leaked to the global
scope by default. To make these functions globally availalbe, use the useGlobal()
function., (*13)
require("joii").useGlobal();
var MyClass = Class({ /* ... */ });
Running unit tests
- Clone the repository from here.
- Install dependencies through npm via
npm install
- Run the testsuite using the command
npm test
- Optionally, open
testsuite.html
in a browser to see the browser-version of the unit tests.
Sneak peek
This is an example of what JOII looks like in action., (*14)
// Define a simple class called "Person".
var Person = Class({
// Declare a property called 'name'.
'public immutable string name' : null,
// Declare a constructor to be executed upon instantiation.
'private construct': function (name) {
this.name = name;
}
});
// Define a class called "Employee" that extends on "Person"
var Employee = Class({ extends: Person }, {
// Add an 'occupation' property.
'public nullable string occupation' : null,
// Override the constructor from "Person".
'private construct' : function (name, occupation) {
// invoke the parent constructor
this.super('construct', name);
// Set the given occupation.
this.setOccupation(occupation);
}
});
var bob = new Employee('Bob');
bob.setOccupation('Developer');
console.log(bob.getName()); // Bob
console.log(bob.getOccupation()); // Developer
As you can see, the example code uses setter and getter methods that we didn't
define. When a property is declared public, JOII automatically generates
getters and setters for this property and enforces type checking in them., (*15)
Properties are not exposed to the public, even if they are declared to be., (*16)
// properties are never exposed to the public, this is undefined:
bob.occupation;
// This will throw an exception, because occupation must be a string:
bob.setOccupation(123);
When a property is declared protected, getters and setters are still generated
but are not exposed to the public. When a property is declared private, nothing
is generated., (*17)
Find out more about this in the getters and setters
section., (*18)
Custom constructor methods
As of 3.1.0, it's possible to add custom constructor methods. To ensure full
compatibility with other JOII-based libraries, constructor method names are
only added and never replaced. When a constructor method is found, no more of
these will be executed upon instantiation., (*19)
You can add custom constructor method names using JOII.Config.addConstructor('hello');
, (*20)
For example:, (*21)
// Add the 'hello' constructor.
JOII.Config.addConstructor('hello');
var Hi = Class({
hello: function () {
console.log('Hello World!');
}
});
// Outputs: "Hello World!"
new Hi();
Beware that original / existing constructors are leading, meaning they'll be
executed first., (*22)
var Hi = Class({
hello: function () {
// I am never executed.
console.log('Hello World!');
}
// __construct is the 'original' constructor, so it gets more priority over the
// newly added one, 'hello'.
__construct: function () {
console.log('Hi there.');
}
});
Full documentation can be found here, (*23)