var chicken = new YAHOO.example.Chicken();

YAHOO.lang is packaged with the YAHOO Global Object

YAHOO.lang comes bundled with the YAHOO Global Object. To add the YAHOO Global Object, include the following in your markup:

If you are using any other YUI component on your page, you should already have YAHOO.lang available.

Creating a class hierarchy

In this example, we create a class YAHOO.example.Bird then create a subclass YAHOO.example.Chicken. var Ye = YAHOO.example; Ye.Bird = function (name) { this.name = name; }; Ye.Bird.prototype.flighted = true; // Default for all Birds Ye.Bird.prototype.isFlighted = function () { return this.flighted }; Ye.Bird.prototype.getName = function () { return this.name }; Ye.Chicken = function (name) { // Chain the constructors this.constructor.superclass.constructor.call(this, name); }; // Chickens are Birds YAHOO.lang.extend(Ye.Chicken, Ye.Bird); // Define the Chicken prototype methods/members Ye.Chicken.prototype.flighted = false; // Override default for all Chickens

instanceof many classes

Unlike classes composed with augmentation, extending subclasses are also considered instances of their superclass and all classes higher up the inheritance tree.

We'll create an instance of YAHOO.example.Chicken and run some instanceof and method tests against it.

Other architecture strategies

Take a look at YAHOO.lang.augmentProto and YAHOO.lang.augmentObject for different strategies of managing your code structure.

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.