Унаследовать и повторно использовать объект

Question

Унаследовать и повторно использовать объект

0

Я хочу наследовать от Button прототипом. Но предупрежденное имя остается "Сарой", поскольку это последний Созданный Ребенок. Класс Creator должен установить имя с помощью кнопки "Метод в кнопке". Jsfiddle: JSFIDDLE

function Creator() {
    var c1 = new Child();
    c1.SetName("Albert");
    c1.SetStandardClickHandler();

    var c2 = new Child();
    c2.SetStandardClickHandler();
    c2.SetName("Sarah");
}

Child.prototype = new Button();

function Child() {
    this._layout = $('<div>child</div>');
}

function Button() {
    var that = this;
    var _name;

    this.SetName = function (name) {
        _name = name;
    }
    this.SetStandardClickHandler = function () {
        this._layout.click(function () {
            alert(_name);
        });
    };
}

var c = new Creator();

bergman 03 дек. 2013, в 16:14

Источник

0

точная копия Почему мои объекты JavaScript перезаписываются другими экземплярами?
Bergi 03 дек. 2013, в 15:13
0

Я думал, что будет более старый путь. Поскольку Ecmascript 5 не поддерживается всеми версиями браузера ...
bergman 03 дек. 2013, в 15:21
1

Если вы имеете в виду Object.create , то его легче всего совместить с обратной совместимостью.
Bergi 03 дек. 2013, в 15:34
0

теперь он не может найти классы Methods from Button. jsfiddle.net/QcTLw/48
bergman 03 дек. 2013, в 18:10
0

Вам все еще не хватает Button.call(this) в конструкторе Child
Bergi 04 дек. 2013, в 00:17

Показать ещё 3 комментария

Теги:

javascript

jquery

oop

2 ответа

Ещё вопросы

точная копия Почему мои объекты JavaScript перезаписываются другими экземплярами?
Я думал, что будет более старый путь. Поскольку Ecmascript 5 не поддерживается всеми версиями браузера ...
Если вы имеете в виду Object.create , то его легче всего совместить с обратной совместимостью.
теперь он не может найти классы Methods from Button. jsfiddle.net/QcTLw/48
Вам все еще не хватает Button.call(this) в конструкторе Child

Jon Koops · Answer 1 · 2013-12-03T13-00-00.000Z

Это должно помочь вам начать:

(function() {

    'use strict';

    var Button = function (name) {
        this.name = name || ''; // Set name to contructor value or empty string
    };

    Button.prototype.setName = function (name) {
        this.name = name;
    };

    Button.prototype.setDefaultClickListener = function () {
        this._layout.click(function () {
            alert(this.name);
        }.bind(this));
    };

    var Child = function (name) {
        Button.call(this, name); // Call parent object construtor on new instance of Child

        this._layout = $('<div>child</div>');
    };

    Child.prototype = Object.create(Button.prototype); // Inherit from Button prototype
    Child.prototype.constructor = Child; // Reset constructor to Child

    var albert = new Child('Albert');
    albert.setDefaultClickListener();

    var sarah = new Child('Sarah');
    sarah.setDefaultClickListener();

})();

qwertynl · Answer 2 · 2013-12-03T12-46-00.000Z

var _name - статическая переменная.

Попробуйте что-то вроде этого:

function Button() {
    var that = this;
    this.name = null;

    this.SetName = function (name) {
        this.name = name;
    }
    this.SetStandardClickHandler = function () {
        this._layout.click(function () {
            alert(that.name);
        });
    };
}

Или вы можете реорганизовать что-то вроде этого:

var Button = (function() {

    function Button() {
        this.name = null;
    }

    Button.prototype.SetName = function (name) {
        this.name = name;
    }

    Button.prototype.SetStandardClickHandler = function () {
        var that = this;
        this._layout.click(function () {
            alert(that.name);
        });
    };

    return Button;
});

Ребенок предупреждает ноль. jsfiddle.net/QcTLw/40