JS: How to make my code wait until this function has returned?

Question

I have the following code in my React Native app for checking if permission is granted for a camera on Android:

function hasAndroidPermission() {
    checkPermission('camera')
        .then(res => {
            if (res === RESULTS.DENIED) {
                requestPermission('camera')
                    .then(res => {
                        if (res === RESULTS.DENIED) {
                            return false
                        } else {
                            return true
                        }
                    })
                    .catch(err => {
                        // console.log(err)
                    })
            } else {
                return true
            }
        })
        .catch(err => {
            // console.log(err)
        })
}

I want to execute some other code depending on the result of hasAndroidPermission(). I tried this (in an async function):

let androidPermission = await hasAndroidPermission()
if (androidPermission) ...

The code executes the if block before hasAndroidPermission() has returned. How can I make it wait?

you should return promise and subscribe to it with then, and inside that check the values. ```return checkPermission...``` — Janatbek Orozaly, Jan 05 '23 at 22:12

score 1 · Answer 1 · edited Jan 06 '23 at 08:30

You should use async/await and make hasAndroidPermission an async function:

async function hasAndroidPermission() {
    const res = await checkPermission('camera')
    if (res === RESULTS.DENIED) {
        const res = await requestPermission('camera')
        if (res === RESULTS.DENIED) {
            return false
        } else {
            return true
        }
    } else {
        return true
    }
}

Manuel Duarte · Answer 2 · 2023-01-06T18:38:07.113

0

You are missing the return statement before your checkPermission() and requestPermission()call

edited Jan 06 '23 at 18:38

answered Jan 05 '23 at 22:12

Manuel Duarte

644
4
18

1

Not only that one – Bergi Jan 06 '23 at 18:03

JS: How to make my code wait until this function has returned?

2 Answers2