Асинхронность в js

@st91119 · Регистрация: 11.12.2018

Студворк — интернет-сервис помощи студентам

почему в консоле не находит переменную obj, но когда убираю setTimout, только тогда находит

JavaScript
1
2
3
4
5
6
7
8
9
async function regUser() {
    setTimeout(()=> {
        if (Math.random() > 0.1) {
            return 1;
        } else {
            throw new Error('ошибка при регистрации');
        }
    },300);
}

JavaScript
1
2
3
4
5
6
7
let promise = regUser();
 
promise.then((obj)=>{
    console.log('пользователь '+obj);
}).catch((e)=>{
    console.log(e);
});

@svtslv · 23.01.2019, 13:50

Сообщение от st91119

но когда убираю setTimout, только тогда находит

например так

JavaScript
1
2
3
4
5
6
7
8
9
function regUser() {
    return new Promise(resolve => setTimeout(()=> {
        if (Math.random() > 0.1) {
            resolve(1);
        } else {
            throw new Error('ошибка при регистрации');
        }
    }, 300));
}

@amr-now · 23.01.2019, 13:53

Исправлена функция getUser()
и устаревшая технология then заменена на async/await.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <script>
        // Функция асинхронно возвращает или id пользователя, или ошибку.
        function regUser() {
            return new Promise(executor);
 
            function executor(resolve, reject) {
                setTimeout(() => {
                    if (Math.random() > 0.1) {
                        resolve(1);
                    } else {
                        reject(new Error('ошибка при регистрации'));
                    }
                }, 300);
            }
        }
 
        // Асинхронный метод, который ждет результат функции  regUser()
        // с обработкой ошибки
        // Поскольку на кнопку не повесили, то это автоматически вызываемая анонимная функция
        (async () => {
            try {
                let obj = await regUser();
                console.log('пользователь ' + obj);
            }
            catch (e) {
                console.log(e);
            }
        })();
    </script>
</body>
</html>

@svtslv · 23.01.2019, 14:05

если прям ошибку в catch передавать для дальнейшей обработки никакой new Error не нужен

JavaScript
1
2
3
4
5
6
7
8
9
function regUser() {
    return new Promise((resolve, reject) => setTimeout(()=> {
        if (Math.random() > 0.1) {
            resolve(1);
        } else {
            reject('ошибка при регистрации');
        }
    }, 300));
}

@amr-now · 23.01.2019, 14:11

svtslv, спасибо за мысль.
Формально в catch параметр e в языках программирования должен являться ошибкой.
Так что формально нужно возвращать какую-нибудь Error.

@svtslv · 23.01.2019, 14:32

Сообщение от amr-now

Так что формально нужно возвращать какую-нибудь Error.

Можно и так. Потом e.message достать поработать)

@amr-now · 23.01.2019, 14:41

svtslv, там всё традиционно.
Трассировку достанем, из экземпляра ошибки-потомка дополнительные свойства достанем.

@st91119 · 23.01.2019, 16:54 **[ТС]**

amr-now , большое спасибо это то что мне нужно было

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function regUser() {
   return new Promise(executor);
 
   function executor(resolve, reject) {
   setTimeout(() => {
       if (Math.random() > 0.1) {
            resolve(data);
       } else {
                        reject(new Error('ошибка при регистрации'));
        }
     }, 300);
}

JavaScript
1
2
3
4
5
async function f() {
        let obj = await regUser(data);
        console.log(obj);
    }
f();

Новые блоги и статьи Все статьи Все блоги /
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	23.01.2019, 14:11
	svtslv, спасибо за мысль. Формально в `catch` параметр `e` в языках программирования должен являться ошибкой. Так что формально нужно возвращать какую-нибудь Error. 1

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	23.01.2019, 14:41
	svtslv, там всё традиционно. Трассировку достанем, из экземпляра ошибки-потомка дополнительные свойства достанем. 0

Асинхронность в js

Решение