为什么函数在AsyncStorage完成之前运行

时间:2017-11-09 17:45:36

标签: javascript react-native fetch asyncstorage

我在这里有一个关于本机反应的问题,我在大约2周前开始了一个项目,这是我第一次尝试这个框架,从来没有使用过javascript,所以它很难......

我想知道的是为什么我的功能称为' check_Authentication'只是检查.js文件的变量是否称为' Globals"预设的默认值在我完成AsyncStorage任务以将其设置为新的

之前运行

这是我的代码 这两个功能,你可以看到是AsyncStorage,在我得到一个项目或设置一个...我称之为一个名为' Update_Globals'这是在另一个.js文件中,并从名为' Globals'的其他.js文件中更新我的全局变量。以便我以后可以使用它们。

async function set_Async(field, value){
    try {
        await AsyncStorage.setItem(field, value);
        await update_Globals(field,value);
    } catch (error) {
    throw new Error('something wrong with setting async storage');
    }
}

async function get_Async(field){
    try {
        const value = await AsyncStorage.getItem(field);
        await update_Globals(field,value);
    } catch (error) {
        throw new Error('something wrong with getting async storage');
    }
}

这是带有更新上述全局变量的函数的.js文件

import globals from './globals.js';

export function update_Globals(field,value){
    alert("Updating field: " + field + " with value: " + value);
    switch(field) {
        case globals.is_logged_in_name:

            globals.is_logged_in_value = value;
            break;
        case globals.account_status_name:
            globals.account_status_value = value;
            break;
        case globals.account_role_name:
            globals.account_role_value = value;
            break;
        case globals.account_user_name:
            globals.account_user_value = value;
            break;
        case globals.account_api_token_name:
            globals.account_api_token_value = value;
            break;
        case globals.account_profile_status_name:
            globals.account_profile_status_value = value;
            break;
        default:
            alert("No variable found")
    }
}

这是带有变量

的.js文件
module.exports = {
    is_logged_in_name: 'is_logged_in',
    is_logged_in_value: 'false',

    account_status_name: 'account_status',
    account_status_value: '0',

    account_role_name: 'account_role',
    account_role_value: '0',

    account_user_name: 'account_user',
    account_user_value: '0',

    account_api_token_name: 'account_api_token',
    account_api_token_value: '0',

    account_profile_status_name: 'account_profile_status',
    account_profile_status_value: 'empty',

    testing_name: "name",
    testing_value: "Chrystello",
};

并且这个功能就是它们在一起的地方

async function do_Login(){
    return fetch(url, {
        method: method,
        headers: headers,
        body: JSON.stringify({
            email: email,
            password: password,
            firebase_token: firebase_token,
        })
    })
        .then(function(responseData) {
            if(responseData.ok){
                return responseData.json();
            }
            throw new Error('Network response was not ok.');

        })
        .then(function(responseData) {
            const response = responseData["response"];
            const response_array = response[0];

        set_Async(globals.account_user_name,
replace_Quote_Marks(JSON.stringify(response_array["user_id"]))).done();
        set_Async(globals.account_status_name,
replace_Quote_Marks(JSON.stringify(response_array["status_id"]))).done();
        set_Async(globals.account_profile_status_name,
replace_Quote_Marks(JSON.stringify(responseData["status"]))).done();
        set_Async(globals.account_role_name,
replace_Quote_Marks(JSON.stringify(response_array["role_id"]))).done();     
        set_Async(globals.account_api_token_name,
replace_Quote_Marks(JSON.stringify(response_array["api_token"]))).done();
        })
        .then(function () {
            try{
                check_Authentication()
            }catch(error){
                throw new Error("couln't run function");
            }

        })
        .catch(function(error) {
            console.error(error);
        });
}

在这里你可以看到我调用set_Async()函数,在那里我发送我想要存储的名称和值,然后用它来更新我的.js文件和新值,然后在5完成之后再进行处理检查每个值,然后决定用户可以或不能登录,但它总是在我第一次点击按钮时返回默认数字,第二次工作,因为他有新值,所以我只能认为函数check_Authenticantion在AsyncStorages

之前运行

函数check_aunthentication就是这个

function check_Authentication() {
Alert.alert("I Got user " + globals.account_user_value)
if(globals.account_user_value != "0"){
    const account_status = check_Account_Status(globals.account_status_value)
    return_value = JSON.stringify(account_status["return_value"])
    if(return_value == "true"){
        screen = JSON.stringify(account_status["screen"]);
        if(screen == "ForcePassword"){
            return true;
        }
        const account_profile = check_Account_Profile(globals.account_profile_status_value)
        return_value = JSON.stringify(account_profile["return_value"])
        if(return_value == "true"){
            screen = JSON.stringify(account_profile["screen"])
            const account_role = check_Account_Role(globals.account_role_value)
            return_value = JSON.stringify(account_role["return_value"])
            if(return_value == "true"){
                screen = JSON.stringify(account_role["screen"]) + screen
                screen = replace_Quote_Marks(screen)
                return true;
            }else{
                message = JSON.stringify(account_profile["message"])
                Alert.alert(message)
                return false;
            }
        }else{
            message = JSON.stringify(account_profile["message"])
            Alert.alert(message)
            return false;
        }
    }else{
        message = JSON.stringify(account_status["message"])
        Alert.alert(message)
        return false;
    }
}else{
    Alert.alert("No User Found")
    return false;
}
}

这就是我运行main函数来触发所有事件的方法

<TouchableHighlight
    style = {styles.submit_button}
    onPress={() => {
        do_Login().done()
    }
    }>
    <Text style = {styles.submit_text}>Login</Text>
</TouchableHighlight>

1 个答案:

答案 0 :(得分:0)

我找到了一份工作,可能不是最好的选择,但是id做了诀窍..

await函数移除AsyncStorage以某种方式使check_Authentication等待AsyncStorage完成设置值

感谢@SLaks您的时间