JavaScript-Grundlagen: Interaktive Lernquizzes für Webentwicklung

Question 1

Welche der folgenden Optionen ist eine gültige Syntax für eine Callback-Funktion in JavaScript?

Accepted Answer

function() {}

Accepted Answer

() => {}

Accepted Answer

function myCallback(parameter) {}

Answer

var callback = 'myCallback';

Question 2

Was ist die Aufgabe des DOM in JavaScript?

Accepted Answer

Das DOM bietet eine abstrakte Schnittstelle zur Interaktion mit Webdokumenten.

Answer

Das DOM ist für die visuelle Darstellung von Webseiten verantwortlich.

Answer

Das DOM speichert die Daten einer Webseite in einer Datenbank.

Answer

Das DOM ist eine Programmiersprache, die speziell für die Webentwicklung entwickelt wurde.

Question 3

Wie funktioniert Prototypenvererbung in JavaScript? Wähle die beste Beschreibung.

Accepted Answer

Prototypenvererbung ermöglicht es, Eigenschaften und Methoden von einem Basistyp (Prototyp) auf abgeleitete Typen zu übertragen, um Code wiederzuverwenden.

Answer

Prototypenvererbung ist ein Mechanismus, um neue Objekte aus bestehenden Objekten zu erstellen.

Answer

Prototypenvererbung dient dazu, Variablen zwischen verschiedenen Objekten zu teilen.

Question 4

Welcher ist der Hauptvorteil der Verwendung asynchroner Funktionen in JavaScript?

Accepted Answer

Verbesserte Leistung durch Vermeidung der Blockierung des Hauptthreads

Answer

Vereinfachte Lesbarkeit des Codes durch klarere Abhängigkeiten

Answer

Reduzierter Speicherbedarf durch effizientere Datenverwaltung

Answer

Erhöhte Sicherheit durch Kapselung sensibler Daten

Question 5

Welche Art von Datentyp wird in JavaScript verwendet, um Textdaten zu speichern?

Accepted Answer

String

Answer

Number

Answer

Boolean

Answer

Object

Question 6

Welche Methode wird in JavaScript verwendet, um ein neues Element an das Ende eines Arrays anzufügen?

Accepted Answer

push()

Answer

pop()

Answer

shift()

Answer

unshift()

Question 7

Welcher Operator wird in JavaScript verwendet, um eine logische ODER-Operation durchzuführen?

Accepted Answer

||

Answer

&&

Answer

!

Answer

==

Question 8

Welches Ereignis wird in JavaScript ausgelöst, wenn der Mauszeiger über ein HTML-Element bewegt wird?

Accepted Answer

mouseover

Answer

click

Answer

mouseout

Answer

change

Question 9

Welche Anweisung erstellt ein neues XMLHttpRequest-Objekt in JavaScript?

Accepted Answer

const xmlHttp = new XMLHttpRequest()

Answer

const xmlHttp = XMLHttpRequest()

Answer

XMLHttpRequest = new xmlHttp()

Answer

const xmlHttp() = new XMLHttpRequest()

Question 10

Welches Attribut wird in JavaScript verwendet, um die HTTP-Anforderungsmethode anzugeben?

Accepted Answer

method

Answer

url

Answer

headers

Answer

body

Question 11

Wie lautet die Syntax zum Definieren einer Klasse in JavaScript?

Accepted Answer

class MyClass {}

Answer

class MyClass = {}

Answer

MyClass = class {}

Answer

let MyClass = class {}

Question 12

Welcher Lebenszyklus wird in JavaScript für eine React-Komponente aufgerufen, nachdem sie auf dem Bildschirm gerendert wurde?

Accepted Answer

componentDidMount

Answer

componentWillMount

Answer

componentDidUpdate

Answer

componentWillUnmount

Question 13

Was ist die Funktion des Schlüsselworts 'this' in JavaScript? Nenne ein Beispiel für seine Verwendung.

Accepted Answer

'this' bezieht sich auf das aktuelle Objekt, in dem es verwendet wird.

Answer

'this' ermöglicht den Zugriff auf Eigenschaften und Methoden des übergeordneten Objekts.

Answer

'this' ist ein Platzhalter, der durch den Wert der Variablen ersetzt wird, in der es verwendet wird.

Question 14

Welches Element im DOM stellt ein einzelnes HTML-Element dar?

Accepted Answer

Element

Answer

Document

Answer

Attribute

Answer

Textknoten

Question 15

Mit welcher Eigenschaft kann der Textinhalt eines HTML-Elements abgerufen werden?

Accepted Answer

textContent

Answer

innerHTML

Answer

innerText

Answer

value

Question 16

Welche Funktion wird verwendet, um einen Event-Listener für ein DOM-Element hinzuzufügen?

Accepted Answer

addEventListener()

Answer

attachEvent()

Answer

onEvent()

Answer

listenForEvent()

Question 17

Welches JavaScript-Objekt stellt die Koordinaten des Mauszeigers dar?

Accepted Answer

event.clientX

Answer

window.event

Answer

document.event

Answer

event.target

Question 18

Welche Methode wird eingesetzt, um eine Funktion nach einem bestimmten Zeitintervall auszuführen?

Accepted Answer

setTimeout()

Answer

setInterval()

Answer

wait()

Answer

delay()

Question 19

Welches globale JavaScript-Objekt bietet Zugriff auf globale Funktionen und Variablen?

Accepted Answer

window

Answer

global

Answer

universe

Answer

document

Question 20

Wie greifen Sie im DOM mithilfe der Element-ID auf ein Element zu?

Accepted Answer

document.getElementById()

Answer

js.getElement()

Answer

getElement()

Answer

dom.getElement()

Question 21

Mit welchem Attribut fügen Sie einem Element einen Ereignislistener hinzu?

Accepted Answer

addEventListener()

Answer

listenEvent()

Answer

onEvent()

Answer

setEventListener()

Question 22

Welcher Datentyp repräsentiert eine Sammlung ungeordneter Elemente?

Accepted Answer

Array

Answer

Object

Answer

Enumerable

Answer

List

Question 23

Welche Anweisung verwendet man, um Code auszuführen, wenn eine bestimmte Bedingung erfüllt ist?

Accepted Answer

if-else

Answer

switch-case

Answer

for

Answer

while

Question 24

Welches Schlüsselwort wird zum Deklarieren einer Funktion verwendet?

Accepted Answer

function

Answer

def

Answer

create

Answer

declare

Question 25

Welcher Operator erhöht einen Wert um eins?

Accepted Answer

++

Answer

+1

Answer

+++

Answer

add()

Question 26

Welche Methode sortiert ein Array?

Accepted Answer

sort()

Answer

sequence()

Answer

arrange()

Answer

order()

Question 27

Welcher Datentyp wird für logische Werte verwendet?

Accepted Answer

boolean

Answer

true/false

Answer

logical

Answer

binary

Question 28

Welcher Begriff beschreibt die Sichtbarkeit einer Variablen?

Accepted Answer

Scope

Answer

Visibility

Answer

Access

Answer

Range

Question 29

Welche Aufgabe erfüllt die Methode 'document.getElementById()' in JavaScript?

Accepted Answer

Ruft ein DOM-Element mit einer bestimmten ID ab

Answer

Erstellt ein neues DOM-Element

Answer

Ändert den Wert einer Eigenschaft eines DOM-Elements

Answer

Gibt eine Liste aller DOM-Elemente zurück

Question 30

Welche Methode wird in JavaScript benutzt, um einem Array ein Element hinzuzufügen?

Accepted Answer

push()

Answer

append()

Answer

insert()

Answer

add()

Question 31

Welche Eigenschaft gibt die Anzahl der Elemente in einem Array in JavaScript zurück?

Accepted Answer

length

Answer

size

Answer

count

Answer

numElements

Question 32

Welcher Operator führt in JavaScript eine logische UND-Operation durch?

Accepted Answer

&&

Answer

&

Answer

|

Answer

||

Question 33

Welche Methode wird genutzt, um ein HTML-Element in JavaScript zu erzeugen?

Accepted Answer

document.createElement()

Answer

document.getElementById()

Answer

document.innerHTML()

Answer

document.querySelector()

Question 34

Wie lautet das Ergebnis des folgenden JavaScript-Codes: var a = 10; a += 5; ?

Accepted Answer

15

Answer

10

Answer

NaN

Answer

5

Question 35

Welche Anweisung dient dazu, eine Schleife in JavaScript zu beenden?

Accepted Answer

break

Answer

return

Answer

exit

Answer

continue

Question 36

Welches Objekt in JavaScript bietet den zentralen Einstiegspunkt zum Bearbeiten von HTML-Dokumenten?

Accepted Answer

document

Answer

html

Answer

head

Answer

window

Question 37

Welche JavaScript-Methode wird verwendet, um einem HTML-Element eine CSS-Eigenschaft zuzuweisen?

Accepted Answer

.style.setProperty()

Answer

.setAttribute()

Answer

.setCSS()

Answer

.addStyle()

Question 38

Welches Ereignis wird ausgelöst, wenn der Mauszeiger über ein HTML-Element bewegt wird?

Accepted Answer

onmouseover

Answer

onmouseenter

Answer

onhover

Answer

onmousemove

Question 39

Welcher JavaScript-Datentyp repräsentiert eine geordnete Sammlung von Elementen?

Accepted Answer

Array

Answer

ArrayList

Answer

Vector

Answer

List

Question 40

Wie wird eine JavaScript-Funktion aufgerufen?

Accepted Answer

()

Answer

[]

Answer

{}

Question 41

Welche Eigenschaft liefert die Höhe eines HTML-Elements?

Accepted Answer

.offsetHeight

Answer

.height

Answer

.scrollHeight

Answer

.clientHeight

Question 42

Mit welcher Methode kann ein Wert in ein HTML-Formularfeld eingefügt werden?

Accepted Answer

.value =

Answer

.text =

Answer

.innerHTML =

Answer

.innerText =

Question 43

Welcher JavaScript-Operator wird zur Verknüpfung von Zeichenketten verwendet?

Accepted Answer

+

Answer

||

Answer

,

Answer

&

Question 44

Welche Methode wird verwendet, um ein HTML-Element aus dem DOM zu entfernen?

Accepted Answer

.removeChild()

Answer

.erase()

Answer

.delete()

Answer

.removeElement()

Question 45

Welche der folgenden Anweisungen deklariert eine Funktion in JavaScript?

Accepted Answer

function meinFunktion() {}

Answer

funktion = meinFunktion() {}

Answer

meinFunktion() {}

Question 46

Welches Ereignis wird ausgelöst, wenn ein Nutzer ein Element anklickt?

Accepted Answer

klicken

Answer

ändern

Answer

laden

Answer

schweben

Question 47

Welcher der folgenden Operatoren wird verwendet, um eine logische ODER-Operation durchzuführen?

Accepted Answer

||

Answer

!

Answer

&&

Answer

|

Question 48

Was bewirkt das folgende JavaScript-Fragment: `const arr = [1, 2, 3]; arr.push(4);`?

Accepted Answer

Fügt das Element 4 am Ende des Arrays hinzu

Answer

Kehrt das Array um

Answer

Löscht das Element 1 aus dem Array

Answer

Ändert den Wert des ersten Elements auf 4

Question 49

Welche der folgenden Funktionen ist eine asynchrone Funktion in JavaScript?

Accepted Answer

setTimeout()

Answer

Math.pow()

Answer

document.getElementById()

Answer

console.log()

Question 50

Welcher Datentyp in JavaScript stellt logische Werte dar?

Accepted Answer

Boolean

Answer

Text

Answer

Zahl

Answer

Liste

Question 51

Welche Methode fügt ein Element am Ende eines Arrays hinzu?

Accepted Answer

push()

Answer

pop()

Answer

splice()

Answer

shift()

Question 52

Welche Eigenschaft des DOM gibt das derzeit aktive Element zurück?

Accepted Answer

activeElement

Answer

body

Answer

documentElement

Answer

head

Question 53

Welche Methode wird verwendet, um einen Event-Listener anzubinden?

Accepted Answer

addEventListener()

Answer

bind()

Answer

attachEvent()

Answer

on()

Question 54

Welche Funktion verzögert asynchrone Ausführung?

Accepted Answer

setTimeout()

Answer

Promise()

Answer

setInterval()

Answer

requestAnimationFrame()

Question 55

Welche Eigenschaft gibt den Wert der Prototypenkette eines Objekts zurück?

Accepted Answer

__proto__

Answer

name

Answer

constructor

Answer

prototype

Question 56

Welche Methode definiert eine Klasse in JavaScript?

Accepted Answer

class

Answer

let

Answer

function

Answer

const

Question 57

Welcher Operator prüft, ob ein Wert einem von mehreren möglichen Werten entspricht?

Accepted Answer

switch

Answer

if-else

Answer

for

Answer

ternary

Question 58

Welche Funktion iteriert über ein Array?

Accepted Answer

forEach()

Answer

map()

Answer

reduce()

Answer

filter()

Question 59

Welche Methode wird verwendet, um ein HTML-Element mit einer eindeutigen ID abzurufen?

Accepted Answer

getElementById

Answer

getElementsByClassName

Answer

querySelector

Answer

getElementByTag

Question 60

Welcher Operator wird verwendet, um einem Objekt einen Wert zuzuweisen?

Accepted Answer

=

Answer

/=

Answer

-=

Answer

+=

Question 61

Welche Art von Datenstruktur wird in JavaScript verwendet, um eine Sammlung von eindeutigen Werten zu speichern?

Accepted Answer

Set

Answer

Map

Answer

Objekt

Answer

Array

Question 62

Welcher Datentyp wird verwendet, um einen Wahrheitswert in JavaScript darzustellen?

Accepted Answer

Boolean

Answer

Number

Answer

String

Answer

Object

Question 63

Welche Methode wird verwendet, um eine Kopie eines Arrays zu erstellen?

Accepted Answer

slice()

Answer

join()

Answer

reverse()

Answer

concat()

Question 64

Welches Schlüsselwort wird verwendet, um eine Schleife zu beenden, wenn eine bestimmte Bedingung erfüllt ist?

Accepted Answer

break

Answer

continue

Answer

exit

Answer

return