Js xml ответ не определен

Пожалуйста, мне нужна помощь! Для начала я не очень хорошо говорю по-английски извините за ошибки

Итак, я пытаюсь получить объект JSON с этим кодом:

function uhttp(url){
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
        var status = xhr.status;
        if (status == 200) {
            console.info(xhr.response)
            return xhr.response;
        } 
    };
    xhr.send();
    console.info('exit')
};

но когда я использую функцию https вот так:

`

 ( ()=>{
    var perso =uhttp('bd.php?table=charac')

    for (var i = 0; i < perso.lenght; i++) {
        document.getElementbyID('container').append('<ul>'+perso[i].nom+'</ul>')
    }
})()

` персо он неясен ... здесь консоль index.html

У меня сложилось впечатление, что мы выходим из функции до того, как получим резонанс, и поэтому функция возвращает нуль. Конечно, прежде чем задать свой вопрос, я провел небольшое исследование, но в моем случае никто не работает ... Спасибо за ваши отзывы