Async await?

Hey,

Ich wollte nochmal was nachfragen. Hab ich es richtig verstanden dass in einer async Funktion nur auf das awaited wird wo ein Promise zurückgegeben wird und da von es nicht awaited wird einfach nebenbei ausgeführt und nicht im Hauptprozess ?

2 Antworten

thomaszZz, Software Engineer bei gutefrage

02.07.2022, 16:46

Ich nehme an, du beziehst dich auf JavaScript?

Wenn man von Web Worker absieht, ist JavaScript grundsätzlich single-threaded. Async/Await ist nur syntaktischer Zucker für Promises, d.h. wenn du diese Keywords benutzt, wird der Code innerhalb Promises erzeugt und im Event Loop hinten angestellt, bevor er verarbeitet wird. Das passiert aber immer alles im selben Thread.

Woher ich das weiß:Berufserfahrung – Software Engineer seit 2015, u.a. Telefónica und gutefrage

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

02.07.2022, 16:19

wenn ich das richtig verstanden habe .

normal werden ja befehle einfach abgearbeitet syncron , das heist ein nach dem anderen , und es wird solange gewartet bis der befehl abgearbeitet ist .

wenn wir aber einen befehl haben der asyncron ist , dann wird da quasi irgendwas anlaufen und sofort als fertig makiert .

mit dem await stopt man nun solange wie bei einem normalen befehl . das heisst, es wird auch dort gewartet bis der befehl eine rückmeldung bekommt .

await sql abfrage 1
await sql abfrage 2
.
.
läuft erst weiter wenn await erfüllt ist

und ja es brauch ein promise für das ganze .

vorteil , du musst nicht verketten also nicht folgendes machen

sql abfrage 1 -> ( antwort -> sql abfrage 2 )
. 
.
läuft sofort weiter

function test1(zahl) {
    setTimeout(() => {
        return(zahl *2)
    }, 5000);
  }
async function test2() {
let x = await test1(2);
}
test2().then.alert(x)

Output: ReferenceError: x is not defined

Wollte das eigentlich so machen das die Funktion Test2 wartet bis die Funktion Test1 fertig ist, das sind jetzt zum Beispiel 5 Sekunden.

Und dann soll es x alerten.

Also möchte so tun als würde etwas länger dauern als geplant.

Könnten ja auch 10 Sekunden sein, die Hauptsache ist das wartet bis es die Antwort bekommen hat.

(Ich habe Async und Await nicht wirklich verstanden, und dachte mir das es so Funktioniert und ein gutes Beispiel ist)

...zur Frage

Java Script wie kann ich das dauerhaft wiederholen?

const cars = ["saab", "Volvo", "BMW", "Mercedes"];
async function timer() {

for (let i=0; i < cars.length; i++) {

    console.log(cars[i]);
    await sleep(2000);
}
}

timer();
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

...zur Frage

JS : mit onclick Farbe eines Elements ändern?

Hallo,

(der Titel der Frage mag etwas komisch klingen, aber ich wusste nicht wie ich es sonst noch formulieren soll)

ich habe mal wieder ein Problem.

Ich habe Code geschrieben, der ein Array "visualisiert" bzw. es in eine HTML Liste einfügt, nun möchte ich, dass beim klicken auf ein Element sich die Farbe des Elements ändert und zusätzlich noch anderer Code ausgeführt wird.

Mein Problem :

Ich weiß nicht welches Element geklickt wurde. Ich füge ja ein Array in eine Liste ein, unzwar immer nach der gleichen "Vorlage", danach füge ich noch Klassen hinzu und muss eben auch das onlick mit JS hinzufügen.

Es klingt hier alles sehr komisch, aber ich weiß nicht wie ich es besser erklären soll.

Ich habe nochmal einen Kommentar an der onclick stelle geschrieben.

Ich finde keine Lösung, die es möglich mach, dass man unendlich viele Elemente mit push zum Array hinzufügen kann, diese dann wieder in die Liste einfügt und es trotzdem möglich ist, dass bestimmter Code ausgeführt wird

Wer es nicht verstanden hat, ich habe auch Discord zur Not könnte ich auch versuchen es mündlich zu erklären, wie ich es meine. (schriftlich ist grade bisschen schwer)

Danke für jede Antwort.

Ich bin gerade am verzweifeln

...zur Frage

discord.py msg.channel.send in Funktion auslagern funktioniert nicht?

Ich programmiere einen Discord-Bot, der Admins ermöglicht, die nicknames der anderen Mitglieder auf dem Server zu ändern. Wenn der Bot nicht die Berechtigung hat, den nickname zu ändern (z. B. die der Admins), sendet er dir eine Direktnachricht. Wenn dies nicht möglich ist, wird eine Nachricht in demselben Textkanal gesendet, in dem der Admin den Befehl zum Ändern des Spitznamens geschrieben hat. Es hat einwandfrei funktioniert, aber jetzt möchte ich meinen Code vereinfachen und die Sache in eine Funktion packen, was jedoch nicht funktioniert.

async def dm(user_id, dm_content, server_content, channel):
    user = await bot.fetch_user(user_id)
    try:
        await user.send(dm_content)
    except discord.Forbidden:
        await msg.channel.send(server_content)
    return
async def on_message(msg):
  ***anderes Zeug***
  await dm(msg.author.id, "Ich habe keine Berechtigung, den Nickname zu ändern.", "Ich habe keine Berechtigung, den Nickname zu ändern. (Dir konnte dies nicht als DM zugestellt werden, überprüfe deine Einstellungen.)", msg.channel)

Fehlermeldung: 'msg' is not defined

Wie definiere ich msg bzw. warum muss ich das überhaupt tun, als ich es noch nicht in der Funktion hatte ging es ja auch.

Vielen Dank

...zur Frage

JavaScript warten, bis sich Variable ändern?

Ich habe ein Formular mit einem Submit-Button.

<button onClick={() => submitHandler("fromSubmitButton")}>Submit</button>

Die submitHandler Funktion sendet über einen Websocket eine Nachricht an den Server, ohne eine direkte Antwort zu bekommen, wie es mit async/await funktionieren würde:

socket.emit('email-submit', value)

Nach einiger Zeit kommt vom Server bzw. Websocket eine Nachricht:

        socket.on('badEmailORphone', function(msg) {
            setBadEmailORphone(msg)
        });

In der Zeit zwischen dem Klick auf Submit und setBadEmailORphone gesetzt wird, möchte ich einen Ladescreen einblenden.

Rein logisch müsste ich den Ladescreen ab Klick auf den Submit-Button bis setBadEmailORphone setzen, aber wie kann ich in JavaScript x Sache machen, bis sich eine Variable ändert?

Meine erste Theorie war:

Submit onClick:

while(!setBadEmailOrphone) setLoading(true) //Mit etwas Delay zwischen Durchläufen

...zur Frage

discord.py, nur bestimmte user id's einen command ausführen lassen?

Hallo, ich suche eine Möglichkeit, dass nur bestimmte User mit einer bestimmten UserID einen bestimmten Befehl ausführen können (Code unten).

Dieser Command soll nur von bestimmten IDs ausgeführt werden:
(Programmiersprache Python, discord.py)

@help.command()
  async def dev(ctx):
    em = discord.Embed(title="**Dev Commands**", colour=discord.Colour.blurple(),
                       description=""
                                   "test")
    await ctx.send(embed=em)

...zur Frage

Warum passiert nichts bei diesem Command (discord.py)?

Das ist mein Code:

import discord

intents = discord.Intents.all()
client = discord.Client(intents=intents)


@client.event
async def on_ready():
    print('bot is ready') # Prints when started up


@client.event
async def on_message(message): # Two commands that should show an embed
    await client.process_commands(message)
    if message.content.startswith(",feedback"):
        role = discord.utils.get(message.guild.roles, id=1060954421980319834)
        if role in message.author.roles:
            embed = discord.Embed(title="Feedback",description="Please fill in this feedback form. [ Optional ]\n\n```How good was the customer service?\nHow fast did you get your product?\nHow good did the product work?\nDo you want to give the staff a tip?```",color=1226812)
            embed.set_footer(text="Tips go 100% to the assisting staff")
            embed.set_thumbnail(
                url="https://cdn.discordapp.com/attachments/1060992798880448553/1060992810947453019/image.png")
            embed.set_author(name="ProBoosts")
            await message.channel.send(embed=embed)
            await message.delete()
        else:
            await message.channel.send("`You don't have the permissions to use this command`")
    elif message.content.startswith(",staffping"):
        role = discord.utils.get(message.guild.roles, id=1060954421980319834)
        if role in message.author.roles:
            embed = discord.Embed(title="Staff-Ping",description="Do NOT ping Staff. It may result a warning/mute. And it could delay staff seeing the ticket.", color=16530981)
            embed.set_footer(text="ProBoosts")
            embed.set_thumbnail(
                url="https://cdn.discordapp.com/attachments/1060992798880448553/1060992810947453019/image.png")
            await message.channel.send(embed=embed)
            await message.delete()
        else:
            await message.channel.send("`You don't have the permissions to use this command`")

Eigentlich sollte dort ein Embed kommen im Channel wo der Command ausgeführt wurde. Es kommt aber nix. Rein garnix. Der Bot wird übrigens ausgeführt ich habe die "client.run" Funktion aber ausgelassen damit mein Token nicht iwie geleaked wird.

...zur Frage

JavaScript FetchAPI Async Await?

Wie komm ich an den Text wenn das Promise erfolgreich Abgeschlossen ist ?

so funktioniert es direkt

...zur Frage

Fehlermeldung: "Command raised an exception: AttributeError: 'NoneType' object has no attribute 'stop'"?

Hallo!

Ich bin gerade dabei zu versuchen, meinen Discord Musikbot zu programmieren.

Aber als ich den Bot getestet habe, kam die ganze Zeit der Fehler

"Command raised an exception: AttributeError: 'NoneType' object has no attribute 'stop'".

Nun wollt ich fragen, ob ihr mir helfen könnt. Hier ist nochmal der Code:

import discord
from discord.ext import commands
import youtube_dl

class music(commands.Cog):
  def __init__(self, client):
    self.client = client

  @commands.command()
  async def join(self, ctx):
    if ctx.author.voice is None:
      await ctx.send("Du bist in keinem Channel!")

    voice_channel = ctx.author.voice.channel

    if ctx.voice_client is None:
      await voice_channel.connect()
    else:
      await ctx.voice_client.move_to(voice_channel)

  @commands.command()
  async def disconnect(self, ctx):
    await ctx.voice_client.disconnect()

  @commands.command()
  async def play(self,ctx, url):
    ctx.voice_client.stop()
    FFMPEG_OPTIONS = { 'before_options': '-reconnect 1 -reconnect_streamed 1 -reconnect_delay_max 5', 'options': '-vn' }
    YDL_OPTIONS = { 'format:"bestaudio"' }
    vc = ctx.voice_client

    with youtube_dl.YoutubeDL(YDL_OPTIONS) as ydl:
      info = ydl.extract_info(url, download = False)
      url2 = info['formats'][0]['url']
      source = await discord.FFmpegOpusAudio.from_probe(url2, **FFMPEG_OPTIONS)
      vc.play(source)

  @commands.command()
  async def pause(self, ctx):
    await ctx.voice_client.pause()
    await ctx_send("Pausiert⏸️")

  @commands.command()
  async def resume(self, ctx):
    await ctx.voice_client.resume()
    await ctx_send("Weiter⏯️")

def setup(client):
  client.add_cog(music(client))

...zur Frage

Javascript undefined nach funktion?

Hallo,

ich möchte einen webScraper schreiben, nachdem ich hier aber die init() für die browser und page instanzen aufrufe, werden die als undefined zurückgeliefert. Innerhalb der funktion ist typeof browser und page "object", wenn ich die Werte dann ausserhalb aufrufen möchte, sind sie "undefined". Ich benutze Nodejs und Puppeteer

async function init() {
  try {
    browser = await puppeteer.launch({
      headless: true,
      args: ["--disable-setuid-sandbox"],
      ignoreHTTPSErrors: true,
    });
    page = await browser.newPage();
    console.log(typeof browser);
    console.log(typeof page);
  } catch (err) {
    console.log(err.message);
  }
  return {
    first: page,
    second: browser,
  };
}
var retvals = init();
browser = retvals.second;
page = retvals.first;
console.log("here: ");
console.log(typeof retvals.second);
console.log(typeof retvals.first);
scrapeSite(urls[0]);

Verstehe nicht wirklich, was daran nicht funktionieren sollte, liegt aber vermutlich daran, dass ich wenig JS kenntnisse habe :D

MfG und danke im Voraus.

...zur Frage

Discord.py image manipulation?

Hey,

Ich arbeite gerade an paar Image Manipulation commands für meinem bot das Problem was ich allerdings habe ist wenn ich ein Profilbild auf das Bild tuen will und das Profilbild transparent ist dann ist der Hintergrund schwarz wie im angehängten Bild kann mir vielleicht einer weiter helfen? der Code ist:

```@client.command()

async def stonks(ctx, user: discord.Member = None):

if user == None:

user = ctx.author

stonks = Image.open("stonks.jpg")

asset = user.avatar_url_as(size = 512)

data = BytesIO(await asset.read())

pfp = Image.open(data)

pfp = pfp.resize((130,130))

stonks.paste(pfp, (146,47))

stonks.save("pstonks.jpg")

await ctx.send(file = discord.File("pstonks.jpg"))```

Sorry das der Code komisch aussieht kann kriege das leider nicht besser hier reingefügt habe nochmal ein screenshot davon gemacht.

...zur Frage

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zur Frage

Electron Datei Öffnen und Inhalt in Script übergeben?

Ich möchte in meinem Electron Programm im Menü die Möglichkeit bieten eine Datei zu öffnen. Die Datei enthält JSON. Ich möchte den Inhalt dann in meinem Script weiterverarbeiten um ihn anzuzeigen. Das ist mein Code bis jetzt:

main.js

const { app, BrowserWindow, Menu } = require('electron');
const { mainMenu } = require('./menu');
const path = require('path');


const createWindow = () => {
    const mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            preload: path.join(__dirname, 'preload.js'),
        },
    });


    Menu.setApplicationMenu(mainMenu);


    mainWindow.loadFile(path.join(__dirname, "src/index.html"));
};


app.whenReady().then(() => {
    createWindow();


    app.on('activate', () => {
        if (BrowserWindow.getAllWindows().length === 0) {
            createWindow();
        }
    });
});


app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

menu.js

const { app, Menu, dialog } = require('electron');
const fs = require('fs');


const template = [
    {
        label: 'Datei',
        submenu: [
            {
                label: 'Öffnen',
                accelerator: 'CmdOrCtrl+O',
                click: async () => {
                    const files = await dialog.showOpenDialog({
                        properties: ['openFile'],
                        filters: [
                            { name: 'Json', extensions: ['json'] },
                            { name: 'Alle Dateien', extensions: ['*'] }
                        ]
                    });


                    if (!files || files.canceled || files.filePaths.length === 0) return


                    const file = files.filePaths[0];
                    const fileContent = fs.readFileSync(file, 'utf-8');
                    console.log(fileContent);
                }
            }
        ]
    }
]


module.exports.mainMenu = Menu.buildFromTemplate(template);

index.html (src/index.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Seite</h1>
    <script>
        console.log(data);
    </script>
</body>
</html>

Wie kann ich das umsetzten? Ich habe schon von IPC gelesen, es aber nicht wirklich verstanden.

...zur Frage

WEBSTORM erkennt .send Funktion nicht?

Bei folgendem Code sind die Methoden .send und .awaitReaction unterstrichen.

"Unresolved function or method send()"

Ich habe discord.js und so schon installiert. Muss man da sonst noch etwas importieren, damit .send usw. funktionieren?

const { Client, MessageEmbed, Intents } = require('discord.js');
const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });

const TOKEN = 'Mein Token';
const channelId = 'ChannelID'; // Die ID des Textkanals, in dem die Nachrichten erstellt werden sollen

const userGroup = []; // Die Liste der Benutzer, die aufgelistet werden sollen
const options = ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5']; // Die Auswahlmöglichkeiten

let currentIndex = 0; // Aktueller Index der Benutzergruppe

client.on('ready', () => {
    console.log(`Eingeloggt als ${client.user.tag}`);
});

client.on('messageCreate', async (message) => {
    console.log("P - Start des Event-Handlers");
    if (message.author.bot) return;

    if (message.content.startsWith('!start')) {
        console.log("P - !start erkannt");
        if (currentIndex < userGroup.length) {
            const user = await client.users.fetch(userGroup[currentIndex]);

            // Erstelle eine Nachricht mit den Auswahlmöglichkeiten
            const embed = new MessageEmbed() // Hier MessageEmbed verwenden
                .setTitle('Wähle eine Option:')
                .setDescription(options.join('\n'));
            const sentMessage = message.guild.channels.cache.get(channelId);
            await sentMessage.send(embed);
            console.log("P - Nachricht gesendet");
            // Füge Reaktionen hinzu
            for (let i = 0; i < options.length; i++) {
                await sentMessage.react(String(i + 1) + '\u20E3'); // Emoji-Reaktionen (1️⃣, 2️⃣, usw.)
            }

            // Warte auf eine Reaktion des aktuellen Benutzers
            const filter = (reaction, user) => user.id === userGroup[currentIndex];
            const collected = await sentMessage.awaitReactions(filter, { max: 1, time: 60000 }); // 60 Sekunden Zeit zum Reagieren

            if (collected.size === 0) {
                message.guild.channels.cache.get(channelId).send(`${user.tag} hat keine Option ausgewählt.`);
            } else {
                const chosenOption = options[parseInt(collected.first().emoji.name) - 1];

                message.guild.channels.cache.get(channelId).send(`${user.tag} hat "${chosenOption}" ausgewählt.`);
                // Hier kannst du die gewünschte Aktion ausführen, basierend auf der ausgewählten Option
            }

            // Lösche die ursprüngliche Nachricht und die Auswahl-Nachricht
            await message.delete();
            sentMessage.delete();

            currentIndex++; // Zum nächsten Benutzer in der Gruppe wechseln
        } else {
            message.channel.send('Alle Benutzer aus der Gruppe wurden aufgelistet.');
        }
    }
});
console.log('Bot starting');

client.login(TOKEN);

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen