Показать сообщение отдельно
  #1 (permalink)  
Старый 06.03.2014, 20:17
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Многоуровневое наследование, супер методы, наследование дескрипторов
Всем привет

Этот пост отвечает на следующие вопросы:
1. Как написать наследование на чистом javascript
2. Как написать многоуровневое наследование
3. Как написать наследование дескрипторов
4. Как написать многоуровневое наследование с наследованием дескрипторов
5. Как вызывать супер методы

Никаких библиотек не подключено, весь используемый код расположен ниже.
В качестве "многоуровневое наследования" выступают три класса:
Animal -> Mammal - Cat.
В качестве супер-метода выступает метод destroy().

Данный пост отражает точку зрения автора и носит рекомендательный характер.

/**********************
 * HELPERS
 * *********************/
/**
 * @borrows toString as toString
 */
Object.toString = Object.prototype.toString;
/**
 * Returns "true" if a value is date
 * @param {*} v A value
 * @return {Boolean}
 */
Date.isDate = function(v) {
    return Object.toString.call(v) === '[object Date]';
};
/**
 * Returns "true" if a value is regular expression
 * @param {*} v A value
 * @return {Boolean}
 */
RegExp.isRegExp = function(v) {
    return Object.toString.call(v) === '[object RegExp]';
};
/**
 * Returns "true" if a value is array
 * @param {*} v A value
 * @return {Boolean}
 */
Array.isArray = Array.isArray || function(v) {
    return Object.toString.call(v) === '[object Array]';
};
/**
 * Creates clone of object
 * Not working with DOM elements
 * [url]http://stackoverflow.com/a/728694[/url]
 * [url]https://github.com/andrewplummer/Sugar/blob/master/lib/object.js#L328[/url]
 * @param {Object} obj
 * @return {Object}
 */
Object.clone = function(obj) {
    // Number, String, Boolean, Function, null, undefined
    if (null === obj || 'object' !== typeof obj) {
        return obj;
    }

    // Date and RegExp
    if (Date.isDate(obj) || RegExp.isRegExp(obj)) {
        return new obj.constructor(obj);
        // Array and Object
    } else {
        var copy = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj));
        for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
                copy[key] = this.clone(obj[key]);
            }
        }
        return copy;
    }
};
/**
 * Inherits a target (Class_1) by a source (Class_2)
 * @param {Object} target
 * @param {Object} source
 */
Object.inherit = function(target, source) {
    target._super = source;
    target.prototype = Object.create(target._super.prototype, target._super.descriptor);
    target.prototype.constructor = target;
};


/**********************
 * CLASSES
 * *********************/

/**
 * Class Animal
 * @param {Number} legs
 * @constructor
 */
function Animal(legs) {
    var descriptor = Object.clone(Animal.descriptor);
    descriptor.legs.value = legs;
    Object.defineProperties(this, descriptor);
}

Animal.prototype.destroy = function() {
    console.log('Animal.destroy()');
    for(var key in Animal.descriptor) {
        delete this[key];
    }
};
Animal.prototype.run = function() {
    console.log('Animal.run()');
};

Animal.descriptor = {
    legs: {
        value: null,
        enumerable: true,
        configurable: true
    }
};

// ------------------------

// Inheritance
Object.inherit(Mammal, Animal);

/**
 * Class Mammal
 * @param {Number} legs
 * @param {Number} teeth
 * @constructor
 */
function Mammal(legs, teeth) {
    // call the Animal constructor
    Mammal._super.apply(this, arguments);

    var descriptor = Object.clone(Mammal.descriptor);
    descriptor.teeth.value = teeth;
    Object.defineProperties(this, descriptor);
}

Mammal.prototype.destroy = function() {
    console.log('Mammal.destroy()');
    Mammal._super.prototype.destroy.call(this);
    for(var key in Mammal.descriptor) {
        delete this[key];
    }
};
Mammal.prototype.walk = function() {
    console.log('Mammal.walk()');
};

Mammal.descriptor = {
    teeth: {
        value: null,
        enumerable: true,
        configurable: true
    }
};

// ------------------------

// Inheritance
Object.inherit(Cat, Mammal);

/**
 * Class Cat
 * @param {Number} legs
 * @param {Number} teeth
 * @param {Number} tails
 * @constructor
 */
function Cat(legs, teeth, tails) {
    // call the Mammal constructor
    Cat._super.apply(this, arguments);

    var descriptor = Object.clone(Cat.descriptor);
    descriptor.tails.value = tails;
    Object.defineProperties(this, descriptor);
}

Cat.prototype.destroy = function() {
    console.log('Cat.destroy()');
    Cat._super.prototype.destroy.call(this);
    for(var key in Cat.descriptor) {
        delete this[key];
    }
};
Cat.prototype.climb = function() {
    console.log('Cat.climb()');
};

Cat.descriptor = {
    tails: {
        value: null,
        enumerable: true,
        configurable: true
    }
};


/********************
 * USAGE / INSTANCE
 ********************/

var cat = new Cat(8, 100, 3);

alert(JSON.stringify(cat));
console.info('created', cat);

console.log('cat instanceof Cat', cat instanceof Cat);
console.log('cat instanceof Mammal', cat instanceof Mammal);
console.log('cat instanceof Animal', cat instanceof Animal);

cat.run(); // Animal.prototype.run
cat.walk(); // Mammal.prototype.walk
cat.climb(); // Cat.prototype.climb
cat.destroy(); // Cat -> Mammal -> Animal

alert(JSON.stringify(cat));
console.info('destroyed', cat);

Последний раз редактировалось nerv_, 16.03.2014 в 20:59. Причина: вместо термина "множественное" в данном случее правильней использовать "многоуровневое"
Ответить с цитированием