class HandlerBase {
    constructor(info) {
        this.info = info;
    }

    handler(action, value) {
        switch (action) {
            case 'changeName':
                this.info.name = value;
                break;
            default:
                console.log('cannot match in default handler');
        }
    }
}

class HobbiesHandler extends HandlerBase {
    handler(action, value) {
        super.handler(action, value);

        switch (action) {
            case 'removeHobbies':
                this.info.hobbies = null;
                break
            case 'addHobby':
                this.info.hobbies.push(value)
                break;
            default:
                console.log('cannot match in any handlers');
        }
    }
}

class AgeHandler extends HandlerBase {
    handler(action, value) {
        super.handler(action, action);

        switch (action) {
            case 'changeAge':
                this.info.age = value;
                break
            default:
                console.log('cannot match in any handlers');
        }
    }
}

let info = {
    name: 'Punn',
    age: 22,
    hobbies: [
        'play games',
        'read books'
    ]
};

let handlerMapping = {
    'hobbies': HobbiesHandler,
    'age': AgeHandler
}

function changeInfo(info, handlerName, action, value) {
    let handlerClass = new (handlerMapping[handlerName] || HandlerBase)(info);

    handlerClass.handler(action, value);
    console.log(info)
}

changeInfo(info, '', 'addHobby', 'sing songs');
changeInfo(info, 'hobbies', 'addHobby', 'sing songs');
changeInfo(info, 'age', 'changeAge', 23);