Funktion returned undefined (async)?

inputPrep wir aufgerufen sobald man was in nen Inputfeld eingibt, obwohl die asynchrone funktion searchAlgo dann awaited wird funktioniert nix - wieso?
Funktioniert nicht: Console.log() ganz unten in der InputPrep Funktion logged undefined, eigentlich wäre erwartet dass das Objekt searchResults geloggt wird welches zuvor mit Daten befüllt wurde. Loggt man searchResults direkt in dem .then(data => ...) funktioniert es tadellos.

Bild zum Beitrag

regex9

26.03.2024, 18:02

Kannst du das Problem auch aussagekräftiger (ohne "funktioniert nicht") beschreiben? Was erwartest du und was ist das aktuelle Verhalten?

Inkognito-Nutzer

26.03.2024, 18:03

Der Return der ganz unten gelogged wird ist nicht ein Objekt mit den erwarteten Daten sondern undefined. Logged man das Objekt direkt in der Funktion oben "funktioniert's"

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, JavaScript

26.03.2024, 19:03

Dir fehlt einfach nur ein return-Statement vor dem await:

return await fetch(/* etc. ... */

Für den Fall, dass der Request aus irgendeinem Grund einmal fehlschlägt, wäre es allerdings gut, noch ein catch-Aufruf anzuhängen.

Inkognito-Nutzer

26.03.2024, 19:14

Mein allerliebster Javascript-Experte auf ganz gutefrage.net, ich danke dir!

Hallo Leute, ich habe hier ein Beispiel vor mir, das mich etwas verwirrt. Ich lerne gerade JavaScript und bin ehrlich gesagt bisher überhaupt kein Freund der Arrow-Funktion, weil ich die Schreibweise hässlich und unlesbar finde, aber da einige sie scheinbar gerne verwenden, muss ich sie mir wohl mal aneignen.

Was ich aus reiner Logik nicht nachvollziehbar finde: Wieso genau kommt nach => eine geöffnete geschweifte Klammer vor if?

Folgendes Beispiel:

function init() {
    window.addEventListener("keydown", (userInteraction) => {
      if (userInteraction.key !== undefined) {
        console.log(userInteraction.key);
      }

Ich würde das ohne Arrow-Funktion so machen:

function init() {
    window.addEventListener(            
        "keydown",                      //Name des Events
        userInteraction                 
    );
    if ( userInteraction.key !== undefined) {
        console.log(userInteraction.key);
    }
}

...zur Frage

JavaScript Await Async, Wo ist der Fehler?

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

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

NodeJS Variable aus Function bekommen?

Ich weiß gerade echt nicht wonach ich suchen soll.

var databasePassword;
bcrypt.hash(passwort, 10, function(err, hash){
  if(err) {console.log("HASH ERROR");throw err;}
  console.log(hash);
  databasePassword = hash;
  console.log("databasePassword:"+databasePassword);
});
console.log(databasePassword);

Es wird Problemlos:

console.log(hash);
console.log("databasePassword:"+databasePassword);

ausgegeben. Nur bekomme ich das ganze nicht außerhalb der Funktion ausgegeben.

Er sagt dann einfach "undefined".

Woran liegt das? Ich habe die Variable ja davor Global gesetzt. Oder nicht?

Danke im Voraus!

...zur Frage

Kann ich Job in Webdevelopment irgendwo finden, wenn ich solche Kurse absolviere?

https://www.udemy.com/course/der-komplette-webentwickler-2/?couponCode=LETSLEARNNOWPP

...zur Frage

php-Zugriff auf mysql funktioniert nicht?

Ich habe folgende Funktion in PHP geschrieben:

function getName($id) {
                global $conn;
                $sql = "SELECT Vorname, Nachname FROM mitglieder WHERE ID = `$id`";
                $result = $conn->query($sql);
                if ($result->num_rows > 0) {
                    $row = $result->fetch_assoc();
                    return $row['Vorname'] . " " . $row['Nachname'];
                } else {
                    return "";
                }
            }

Aber aus irgendeinem Grund kommt immer folgende Fehlermeldung:

Warning: Attempt to read property "num_rows" on bool in C:\xampp\htdocs\***********.php on line 35

Diese Variable $conn funktioniert aber an anderer Stelle im globalen Code außerhalb dieser Funktion einwandfrei wie gewünscht und ich sehe vom Code her keinen nennenswerten Unterschied.

Was ich bereits versucht habe:

$conn als Parameter an die Funktion zu übergeben
$conn in der Funktion selber zu definieren
$conn in der Funktion selber definieren und dass $conn im globalen Code entfernen
ChatGPT nach dem Fehler fragen
Folgende Fehlerabfrage einzubauen (dabei war $conn auch in der Funktion selber und NUR in der Funktion selber definiert):

if ($conn->connect_error) {
                die("Serverfehler: " . $conn->connect_error);
            }

Das führte aber nur zu folgender Fehlermeldung:

Warning: Attempt to read property "connect_error" on null in C:\xampp\htdocs\*********.php on line 26

Hat alles nichts geholfen. Wisst ihr wo der Fehler liegt?

...zur Frage

Sprung vom letzten Array Element in den Ersten?

Hallo,

ich habe folgende Funktion:

function getNextWeekday(day) {
  let i = 0;
  while (i < weekdays.length) {
    if (day == weekdays[i]) {
      console.log(weekdays[i+1]) ;
      return weekdays[i+1];
    }
    i = i + 1
  }
  console.log("Error!");
  return null;
}

Wenn man getNextWeekday("Monday") eingibt, wird Tuesday ausgegeben etc. Wenn ich aber Sonntag eingebe, sollte Montag herauskommen. Weiss jemand was ich an meiner Zählervariable abändern muss, damit das funktioniert?

...zur Frage

React .filter/.map "Cannot read property 'handleClick' of undefined"?

Guten Abend,

ich mach eine kleine Function in JS und React und hab ein Fehler den ich nicht verstehe:

In dem Codestück funktioniert es aber der ist nicht so wie ich es brauche. Hier findet er aber die Funktion, bei dem unteren der was die Command handleClick funktion betrifft. Findet er sie nicht

    let itemList = this.props.items.map(item => {
      console.log(item.id);
      return (
        <FoodCategoryItem
          preis={item.price}
          label={item.title}
          text={item.desc}
          key={item.id}
          Command={() => { this.handleClick(item.id) }}
          source={item.img} />


      )
    })

und mit diesem gibt es fehler das die handeclick function undefined ist

    let itemList = this.props.items.filter(function (item) {
      return item.menuid === 'menuid_salat_2222';
    }).map(function ({ id, title, desc, price, img }) {
      
      console.log((id))


      return (
        <FoodCategoryItem
          preis={price}
          label={title}
          text={desc}
          key={id}
          Command={() => { this.handleClick(id) }}
          source={img} />
      )
    });

Also die Items sollen gefiltert werden funktioniert auch aber dann funktioniert der Command mit handleclick nicht mehr

diese Fehlermeldung kommt dann:

TypeError: Cannot read property 'handleClick' of undefined

...zur Frage

Addition in Javascript funktioniert nicht?

Ich versuche es zu erreichen, dass wenn ein HTML-Button gedrückt wird eine Javascript-Funktion aufgerufen wird. Diese soll die Variable Anzahl dann um 1 erhöhen. Beim 1. Mal funktioniert das auch und der voher definierte Wert (z.B. 7) erhöt sich um einen. Dann bleibt er aber bei 8.

var Anzahl = parseFloat(7);



function gedrueckt(Anzahl) {
    Anzahl += 1;
    console.log(Anzahl);
}

Wisst ihr woran das liegen könnte?

Ich hoffe auf antworten

Bohne47

...zur Frage

Guten Tag, ich suche einen HTML Code wo, verwendet werden kann zum Copyright wo sich das Jahr jedes Jahr logischerweise automatisch +1 ändert, wo finde ich so ein Code?

...zur Frage

Discord Bot Programmieren Fehler?

Hallo Leute ich wollte eine Bot programmieren Wenn man Auf den Button klickt Soll man eine Rolle bekommen Wäre schön wenn es in Unterordner kommt habe es aber nicht hinbekommen

```

const { Client, Intents, MessageButton, MessageActionRow } = require('discord.js');

const welcomeBot = require('./Commands/welcome-bot');

const client = new Client({

intents: [

Intents.FLAGS.GUILDS,

Intents.FLAGS.GUILD_MESSAGES,

Intents.FLAGS.GUILD_MEMBERS,

});

client.once('ready', async () => {

console.log('Bot ist bereit.');

const targetChannelId = '1132493981771628610'; // Ersetze durch die ID des Zielkanals

const targetChannel = await client.channels.fetch(targetChannelId);

if (targetChannel && targetChannel.isText()) {

const button = new MessageButton()

.setStyle('SUCCESS')

.setLabel('Verifizieren')

.setCustomId('verify');

const row = new MessageActionRow().addComponents(button);

await targetChannel.send({

content: 'Klicke auf den Button, um dich zu verifizieren:',

components: [row],

});

}

});

client.on('interactionCreate', async (interaction) => {

if (!interaction.isButton()) return;

if (interaction.customId === 'verify' && interaction.user) {

const verifiedRole = interaction.guild.roles.cache.get('1132493981306077190');

if (verifiedRole) {

await interaction.member.roles.add(verifiedRole);

await interaction.reply({

content: 'Du wurdest erfolgreich verifiziert!',

ephemeral: true, // Nur für den Benutzer sichtbar

});

}

});

client.on('guildMemberAdd', async (member) => {

welcomeBot(member);

});

client.login('');

```

Fehler Meldung

Node.js v19.9.0

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>npm install discord.js

up to date, audited 25 packages in 1s

found 0 vulnerabilities

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>node index.js

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity\index.js:6

Intents.FLAGS.GUILDS,

TypeError: Cannot read properties of undefined (reading 'FLAGS')

at Object.<anonymous> (C:\Users\Administrator\Desktop\Discord-Bots\NeonCity\index.js:6:17)

at Module._compile (node:internal/modules/cjs/loader:1275:14)

at Module._extensions..js (node:internal/modules/cjs/loader:1329:10)

at Module.load (node:internal/modules/cjs/loader:1133:32)

at Module._load (node:internal/modules/cjs/loader:972:12)

at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12)

at node:internal/main/run_main_module:23:47

Node.js v19.9.0

Habe Versuch zur löschen neu zur Installieren geht nix

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>

...zur Frage

Code für TypeScript funktioniert nicht?

Ich baue ein Tic Tac Toe Spiel aber ganz einfache mit TypeScript und habe eine folgende Problem. Folgende Cod:

rndInt= 8;
rndSave  = null;
rndtest : number=0 ;

Beispiel Cod:

let a=[]

let max = 8

let z = Math.floor(Math.random() * max)

while (a.find(x => x == z) != undefined) {

z = Math.floor(Math.random() * (max+1))

}

console.log(z)

Ich habe versucht, den Code für meine Bedürfnisse umzuschreiben, aber es funktioniert nicht und gibt einen Fehler.

this.rndSave = Math.floor(Math.random() * this.rndInt)
while (undefined != this.rndtest.find(x => x == this.rndSave)) {
  this.rndSave = Math.floor(Math.random() * (this.rndInt+1))

Ich möchte, dass die Duplikate gelöscht werden, wenn die Taste gedrückt wird

...zur Frage

Discord JS Bot Button Geht nicht?

Meine index.js

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

const welcomeBot = require('./Commands/welcome-bot');
const Zaehlung = require('./Commands/Zaehlung');

const channelId = '1132493981956194381';
const targetChannelId = '1132493981771628610';
const verifiedRoleId = '1132493981306077190';

client.on('ready', async () => {
  console.log(`Logged in as ${client.user.tag}`);

  const targetChannel = await client.channels.fetch(targetChannelId);

  const button = new Discord.MessageButton()
    .setStyle('PRIMARY')
    .setLabel('Verifizieren')
    .setCustomId('verify');

  const row = new Discord.MessageActionRow().addComponents(button);

  await targetChannel.send({
    content: 'Klicke auf den Button, um dich zu verifizieren:',
    components: [row]
  });

  console.log('Code reached here.');
});

client.on('message', async (message) => {
  if (message.channel.id === channelId && !message.author.bot) {
    Zaehlung.processMessage(message, channelId);
  }
});

client.on('guildMemberAdd', async (member) => {
  welcomeBot(member);
});

client.once('ready', () => {
  console.log('Bot ist bereit.');
});

client.login('');

Meine AntiBot.js Was in ordner Commands ist

const Discord = require('discord.js');


module.exports = async (client) => {
    console.log('Bot ist bereit.');


    const targetChannelId = '1132493981771628610';
    const verifiedRoleId = '1132493981306077190';


    try {
        const targetChannel = await client.channels.fetch(targetChannelId);


        const button = new Discord.MessageButton()
            .setStyle('PRIMARY')
            .setLabel('Verifizieren')
            .setCustomId('verify');


        const row = new Discord.MessageActionRow().addComponents(button);


        await targetChannel.send({
            content: 'Klicke auf den Button, um dich zu verifizieren:',
            components: [row],
        });
    } catch (error) {
        console.error('Fehler beim Senden des Buttons:', error);
    }
};


client.on('interactionCreate', async (interaction) => {
    if (!interaction.isButton()) return;


    if (interaction.customId === 'verify' && interaction.user) {
        const verifiedRole = interaction.guild.roles.cache.get(verifiedRoleId);
        if (verifiedRole) {
            try {
                await interaction.member.roles.add(verifiedRole);
                await interaction.reply({
                    content: 'Du wurdest erfolgreich verifiziert!',
                    ephemeral: true,
                });
            } catch (error) {
                console.error('Fehler beim Verifizieren des Mitglieds:', error);
            }
        }
    }
});

Button Wird Bei Bot start erstellt aber wenn ich drauf klicke kommt diese fehler meldng Von Discord

Sehe mein Bild und in console gibt leider keine Fehler meldung Ich hoffe ihr könnt mir hilfen

...zur Frage

Node.js/Express - req.body funktioniert nicht?

Ich möchte in meiner app.js-Datei Werte aus meiner HTML-Datei benutzen. In meiner HTML-Datei ist ein TextFeld namens "search". Dazu will ich in app.js

var searchText = req.body.search

verwenden, um den Wert des Feldes zu bekommen. Das klappt aber nicht!

Hier mein app.js-Code:

var express = require("express");
var pg = require("pg");
var bodyParser = require("body-parser");
var CON_STRING = process.env.DB_CON_STRING;

if (CON_STRING == undefined) {
  console.log("Error: Environment variable DB_CON_STRING not set!");
  process.exit(1);
}

pg.defaults.ssl = true;
var dbClient = new pg.Client(CON_STRING);
dbClient.connect();

var urlencodedParser = bodyParser.urlencoded({ extended: false });
const PORT = 80;

var app = express();
app.set("views", "views");
app.set("view engine", "pug");
app.get("/search", urlencodedParser, function (req, res) {
  var searchText = req.body.source;
  console.log(searchText); //HIER IST DER FEHLER: Es spuckt "undefined" aus!

  dbClient.query("SELECT * FROM book LIMIT 50 ", function (dbError, dbItemsResponse) {
    res.render("index", {
      BookList: dbItemsResponse.rows
    });
  });
});
app.listen(PORT, function () {
  console.log(App listening on Port ${PORT});
});

Das

console.log(searchText)

gibt mir immer undefined zurück. Wenn ich in der HTML-Datei über ein Script den Wert vom Textfeld ausgebe, dann ist der das, was da drinnen steht. Nur mit req.body scheine ich nicht darauf zugreifen zu können. Ich bekomme immer undefined.

Was mache ich falsch? Wie kann ich es beheben? Hat jemand eine Idee?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen