代码之家 › 专栏 › 技术社区 › vatsal chauhan

函数未返回API调用的结果

javascript

vatsal chauhan · 技术社区 · 2 年前

我正在尝试创建一个翻译应用程序,使用谷歌翻译API。密码

const apiTranslate = (() => {
    const _API_KEY = "api-key";
    async function getTranslation(text) {
        let res = await axios.post(
            `https://translation.googleapis.com/language/translate/v2?key=${_API_KEY}`,
            { q: text, target: "de" }
        );
        let translation = res.data.data.translations[0].translatedText;
        console.log(translation);
        return translation;
    }
    return Object.assign({}, {getTranslation});
})();

let text = "hello world";
const {getTranslation} = apiTranslate;
const message = getTranslation(text);
console.log(message);

它返回:一个具有prototype、promiseState和promiseResult属性的promise对象。它应该回来了:你好,沃尔特。翻译的值是正确的,因为我把它记录在代码中。

2 回复 | 直到 2 年前

Jithil P Ponnan 2 年前

是啊你是对的。 getTranslation 将返回一个承诺作为 async 作用

因此,您可以使用等待或然后从中获取返回。

一: 在您的情况下,如果您想读取脚本主体中的数据,

let text = "hello world";
const {getTranslation} = apiTranslate;

getTranslation(text).then(message=>{
    console.log(message);
});

两个: 或者,如果要分配给变量 message 为了进一步处理,您需要编写一个函数。

const doTranslate = async ()=> {
    let text = "hello world";
    const {getTranslation} = apiTranslate;
    const message = await getTranslation(text);
    console.log(message);
}

三: 另一种方法声明了一个立即调用函数。

(async () => {
    let text = "hello world";
    const { getTranslation } = apiTranslate;
    const message = await getTranslation(text);
    console.log(message);
})();

JEFF BRO 2 年前

async function translateText() {
    let text = "hello world";
    const {getTranslation} = apiTranslate;
    try {
         getTranslation(text).then((res=>{
            console.log(res)
         }));
       
    } catch (error) {
        console.error("Error during translation:", error);
    }
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前