?? ???? ????? ? ??? ??? WordPress, JQuery, Gatsby, Eleventy ? Vue? ?? ???? ???? ?????. ???? ???? ?? ???? ???? ?? ??? ???? ??? ???? ?? ???? ? ????? ????? ?? ?? ??? ?? ? ????. ? ??? JavaScript ???? ???? ???? ?? ??? ?????.

?? ???? "??"??? ?? ? ? ??? Betacalc?? ??? JavaScript ???? ?? ?? ?????.

?? ??? ?? :

 // ??? const betacalc = {
    currentValue : 0,

    setValue (newValue) {
        this.currentValue = newValue;
        Console.log (this.currentValue);
    },

    Plus (??) {
        this.setValue (this.currentValue addend);
    },

    ???? (Subtrahend) {
        this.setValue (this.currentValue -Subtrahend);
    }
};

// ??? Betacalc.setValue (3) ??; // => 3
betacalc.plus (3); // => 6
betacalc.minus (2); // => 4

? ???? ??? ???? ??? console.log ???? ??? ?? ? ? ????. ???? ???? ???? ?????.

?? ??? ???? ??? :

?? ???? ????? ?? ? ??? register ???? ????. ? ???? ????? ?? ?? exec ??? ???? ???? ??? ???? ?????.

 // ??? const betacalc = {
    // ... ?? ??? ?? ???? (????) {
        const {name, exec} = ????;
        ? [??] = exec;
    }
};

??? "????"?? ????? ? :

 // ???? ?? const squaredplugin = {
    ?? : '??',
    exec : function () {
        this.setValue (this.currentValue * this.currentValue);
    }
};

// ???? ???? betacalc.register (squaredplugin);

?????? ????? ??? ?? ??? (??, ??, ?? ??, ??? ?)? ? ??? ???? ????. ? ??? exec ???? ??? ???? ??? name ?? ??????. ?? ?, exec ??? ???? betaCalc ??? ?? ?????.

?? Betacalc?? ??? "??"??? ????.

 betacalc.setValue (3); // => 3
betacalc.plus (2); // => 5
betacalc.squared (); // => 25
betacalc.squared (); // => 625

? ??? ???? ???? ?? ????? NPM? ?? ?? ???? ??? ? ????. ??? ??? ????. ????? betaCalc ?? ?? this ?? ?? ??? ?? ? ??? ??? ??? ?? ? ?? ??? ?????. ?? squared ??? ???? ?? ???? ????? ????.

?? ? ???? ???? :

??? ??? ???? ?? ???? ????? ??????.

 // ??? const betacalc = {
    currentValue : 0,

    setValue (value) {
        this.currentValue = value;
        Console.log (this.currentValue);
    },

    ??: {
        '???': (CurrentVal, Addend) => CurrentVal Addend,
        '????': (currentVal, subtrahend) => currentVal -subtrahend
    },

    ???? : {},

    ??? (ButtonName, NewVal) {
        const func = this.core [buttonname] || this.plugins [buttonName];
        this.setValue (func (this.currentValue, newval));
    },

    ?? (????) {
        const {name, exec} = ????;
        this.plugins [name] = exec;
    }
};

// ???? const squaredplugin = {
    ?? : '??',
    exec : function (currentValue) {
        currentValue * currentValue? ?????.
    }
};

betacalc.register (squaredplugin);

// ??? Betacalc.setValue (3) ??; // => 3
betacalc.press ( 'plus', 2); // => 5
betacalc.press ( 'squared'); // => 25
betacalc.press ( 'squared'); // => 625

??:

1. ????? ?? ????? ???? plugins ??? ???? ??? ??????.
2. press ??? ???? ??? ?? ???? ???? ??? ??? ???? ???? API? ????? ??? ??? ? ?? ?? ????.

? ????? ? ?????? ? ???? ??? ? ????. ????? ?? ??? ???? ?? ?? ? ? ????. ???? ??? ??? ???? ??????? ????? ???? ?? ??? ??? ??? ??? ? ????.

?? ?? :

?? ?? ? ? ????. ?? ?? ??, ???? ?? ?? (?? ??? ??? ??, ???? ?? ?) ? ???? ?? ???? (?? ??, ?? ?? ?)? ??????.

?? :

??? ???? ???? ???? ?? ?? ??? ??? ??? ???? ???????. ?? ???? (? : jQuery, Gatsby ?) ? JavaScript ??? ??? ???? ???? ????? ?? ?? (? : ?? ? ?? ??, ??? ?? ?, Dimitter ??, ??? ??)? ???? ????? ?? ??? ??? ????? ???? ???? ?? ? ? ????. ?? ???? ???? ??? ????? ??? ???? ?? ??? ?? ? ? ????.

? ??? JavaScript ???? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!