object.js/README.md
Alex A. Naanou ba185abada more docs...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2020-04-25 01:52:00 +03:00

5.8 KiB
Executable File

object.js

object.js provides a set of tools for constructing and maintaining object constructors and for managing their inheritance relations.

This is an alternative to the ES6 class syntax in JavaScript and provides several advantages:

  • simple way to define normal and class methods, properties and attributes,
  • uniform and minimalistic definition syntax based on basic JavaScript object syntax no special cases or special syntax,
  • transparently based on JavaScript's prototypical inheritance model,
  • more granular instance construction (a-la Python's .__new__(..) and .__init__(..) methods)
  • less restrictive:
    • new is optional
    • all input components are reusable

Disadvantages compared to the class syntax:

  • no syntactic sugar
  • slightly more complicated calling of super or parent methods

Usage

var object = require('ig-object')

Create a basic constructor...

// NOTE: new is optional here...
var A = new object.Constructor('A', {})

In JavaScript constructor B inherits from constructor A iff B.prototypes is prototype of A.prototype. So to implement inheritance we simply need to link the prototypes of two constructors via .__proto__, Object.create(..) or other means.

// NOTE: we could simply use A() or new A() here but that would call
//      the active constructors if they are defined which might not be
//      desirable at definition time...
var B = object.Constructor('B', {__proto__: A.prototype})
var C = object.Constructor('C', Object.create(B.prototype))
var c = C() // or new C()

c instanceof C // -> true
c instanceof B // -> true
c instanceof A // -> true

Inheritance

//
//    Base
//     ^
//     |
//    Item
//
var Base = object.Constructor('Base', {
    proto_attr: 'prototype attr value',

    get prop(){
        return 'propery value' },

    method: function(){
        console.log('Base.method()') },

    // initializer...
    __init__: function(){
        this.instance_attr = 'instance'
    },
})

var Item = object.Constructor('Item', {
    // inherit from Base...
    __proto__: Base.prototype,

    __init__: function(){
        // call the "super" method...
        object.parent(this.__init__, this).call(this)
        this.item_attr = 'instance attribute value'
    },
})

Callable instances

// callable instance constructor...
var Action = object.Constructor('Action',
    // constructor as a function...
    function(context, ...args){
        // return the instance...
        return this
    })

var action = new Action()

action()


// a different way to do the above...
//
// This is the same as the above but a bit more convenient as we do 
// not need to use Object.assign(..) or object.mixinFlat(..) to define
// attributes and props.

var Action2 = object.Constructor('Action2', {
    __call__: function(context, ...args){
        return this
    },
})

In the above cases both the base function and the .__call__(..) method receive a context argument in addition to this context, those represent the two contexts relevant to the callable instance:

  • Internal context (this) This always references the instance being called
  • External context (context) This is the object the instance is called from (window or global by default), i.e. the thing before the dot

If the prototype is explicitly defined as a function then it is the user's responsibility to call .call(..) method.

Low level constructor

var LowLevel = object.Constructor('LowLevel', {
    __new__: function(context, ...args){
        return {}
    },
})

Like function constructor and .__call__(..) this also has two contexts, but the internal context is different -- as it is the job of .__new__(..) to create an instance at time of call the instance does not exist and this references the .prototype object. The external context is the same as above.

Contexts:

  • Internal context (this) References the .prototype of the constructor.
  • External context (context) This is the object the instance is called from (window or global by default), i.e. the thing before the dot, the same as for function constructor and .__call__(..).

The value .__new__(..)returns is used as the instance and gets linked in the prototype chain.

This has priority over the callable protocols above, thus the user must take care of both the prototype as function and prototype.__call__(..) handling.

Components

Get sources for attribute

sources(<object>, <name>)
sources(<object>, <name>, <callback>)
    -> <list>

Get parent method

parent(<method>, <this>)
parent(<method>, <name>, <this>)
    -> <parent-method>

Mixin objects into a prototype chain

mixin(<root>, <object>, ...)
    -> <object>

Mixin contents of objects into one

mixinFlat(<root>, <object>, ...)
    -> <object>

This is like Object.assign(..) but copies property objects rather than property values.

Define an object constructor

Constructor(<name>, <prototype>)
Constructor(<name>, <class-prototype>, <prototype>)
    -> <constructor>

Shorthand to Constructor(..)

C(<name>, ..)
    -> <constructor>

Utilities

Align text to shortest leading whitespace

normalizeIndent(<text>)
normalizeIndent(<text>, <tab-size>)
	-> <text>

This is used to format .toString(..) return values for nested functions to make source printing in console more pleasant to read.

License

BSD 3-Clause License

Copyright (c) 2019, Alex A. Naanou,
All rights reserved.