Heim > Web-Frontend > js-Tutorial > JavaScript-Grundlagen, die ich heute auf dieser Entwicklerreise gelernt habe.

JavaScript-Grundlagen, die ich heute auf dieser Entwicklerreise gelernt habe.

Linda Hamilton
Freigeben: 2025-01-01 04:40:12
Original
1062 Leute haben es durchsucht

JavaScript Basics I learnt today on this developer journey.

JAVASCRIPT-GRUNDLAGEN

  • Datentypen
  • Werte
  • Variablen
  • Bedingungen
  • Operatoren
  • Schleifen
  • Funktionen

GESCHICHTE VON JAVASCRIPT

Ursprünglich wollten die Entwickler etwas, das Funktionalität in den Browser bringen könnte; eine Skriptsprache.

Der geschriebene Code konnte nur in dem Browser unterstützt werden, in dem er geschrieben wurde. Um hierfür eine Lösung zu finden, haben sie daher das ECMA-Skript entwickelt. Beim ECMA-Skript handelte es sich um eine Reihe von Regeln, die beim Codieren in einem Browser befolgt werden mussten. Dies war jedoch nicht kompatibel und ES6 wurde eingeführt. ES6 war ein modifizierter Satz von Regeln oder Anweisungen zur Steuerung der Codierung in den Browsern. Mocha (1995) über LiveScript (1996) bis hin zu JavaScript (bis heute). Browser unterstützten damals nur CSS und HTML.

In der Antike gab es nämlich nur zwei Browser; Internet Explorer und Netscape-Browser.

Die JavaScript-Grundlagen

1.Datentypen (Werte)

Zum Beispiel: 1. Zahl (ganze Zahl und Dezimalzahl) wie 1, 6,4; 2. Zeichenfolge zum Beispiel „leya“.

  • Diese haben einen einzigen Wert.

Arrays

  • Hier haben wir den Index und den Wert. Um auf einen beliebigen Wert zuzugreifen. Wir nutzen die Hilfe von index.

Objekte
Wir haben Schlüssel und Wert.

  • Zum Beispiel: Fname: Mackline, lname:leya

Objekte haben mehr als einen Wert. Hier haben Sie die Möglichkeit, Ihren eigenen Schlüssel für jeden Wert zu erstellen, den Sie haben. In Arrays verwenden Sie jedoch immer den Index, der immer konstant ist und nicht geändert werden kann.

  • Forexample;let bankaccount ={fname:'leya',
    lname:'Mackline',
    Mobilnummer:989372,
    };
    Console.log(Zahlen);
    Console.log (numbers.lname);

  • Um auf ein bestimmtes Objekt zuzugreifen, können wir daher ein Punktsymbol zwischen den Objekten verwenden.

2.Variablen
Wenn wir einige unserer Werte speichern möchten, können wir Variablen verwenden. Variablen sind Ordner oder Platzhalter für einen Wert.

Drei verschiedene Möglichkeiten, eine Variable zu deklarieren.

  • 1.var x = 50; Aus Gründen der Speicherfreundlichkeit sollten wir mindestens var verwenden.
  • 2.let y = 50; *Wir können es zum Ändern von Werten wie dem Kontostand verwenden ...
  • 3.const z = 'leya';wir verwenden const, wenn wir den Wert dieser Variablen nicht ändern möchten.
    Zum Beispiel:

    Eine Variable z zum Speichern einer Bankkontonummer, da diese konstant ist. Falls wir etwas auf dem Bildschirm ausdrucken möchten, verwenden wir dann die folgende Anweisung im Terminal; console.log(object);

  • Das heißt; console.log(fname) ;Wir können auch Vorlagenliterale verwenden. Das heißt;
    console.log(mein aktueller Vorname ist ${fname});

3.Operatoren
Diese kommen herein, wenn wir einige Berechnungen durchführen. Das heißt, Berechnungen.

Beispiele für Operatoren

  • 1.Zuweisungsoperatoren [=]
  • 2.Arithmetische Operatoren [ , ×, ÷, %]
  • 3. Vergleichsoperatoren [>, <, >=, <=, ==, der nur Werte vergleicht, und ====, der sowohl Werte als auch Datentypen vergleicht. Zum Beispiel; x=5; y='5';console.log(x==y) ist wahr, aber console.log(x===y) ist falsch].

PICKUPS;

const accno;accno = "45689943";

Dies würde zu einem Fehler führen, da accno eine Konstante ist und bei der Deklaration initialisiert werden sollte.
Auch; const accno = 4694647855 ;
accno = 1345950;
Dies würde auch zu einem Fehler in der Ausgabe führen, da accno als Konstante ein für alle Mal initialisiert wird.

4.Entscheidungen
Diese werden auch Bedingungen genannt. Wir können Folgendes verwenden:
a) If else-Anweisungen: Hier wird die Anweisung in else ausgeführt, wenn alle anderen Anweisungen in if- und else, if-Blöcken nicht wahr sind.

b) Gehäuse wechseln

Hier funktioniert die Standardeinstellung wie in if else-Bedingungsanweisungen. Wir verwenden Pause auch in den Schaltergehäusen, wenn wir die Schaltergehäuseschleife verlassen müssen.

Hinweis:

  • Sowohl if else- als auch switch case-Anweisungen erfüllen die gleiche Funktion, werden jedoch häufig verwendet.

c) Ternäre Operatoren/, Operationen

Dies kann durch die Verwendung von nur 2 Operatoren erfolgen, nämlich ? und das ;. Alles, was nach dem (?) steht, ist wahr und alles, was nach dem Doppelpunkt steht, ist falsch, und alles vor dem ? ist eine Bedingung. Das heißt; Zustand ? WAHR ; falsch.

5.Schleifen

Diese können bei der Iteration von etwas wie einer Variablen wie einem Array bis zu ihrem Ende helfen.

Einige sind Beispiele für Schleifen, die wir haben

i) do while-Schleife: Hier wird mindestens eine Anweisung im do-Block als Ausgabe ausgeführt. Dies liegt daran, dass die Bedingung in einer solchen Schleife am Ende der Schleife geschrieben wird.
sei a=5;
tun{
console.log('Der Wert von a ist;', a);
ein ;
}while(a<=4);

ii) while-Schleife;Hier kann auch keine Anweisung ausgeführt werden, solange die Bedingung nicht wahr ist.

Zum Beispiel:
Sei a = 6;
while(a<=4){
Konsole. log('Wert von a ist: ', a );
ein ;
}

iii) for-Schleife

Zum Beispiel;for(let a=0; a<=5; a ){
Konsole. log('Der Wert für a ist:', a);
}

Github
Linkedin
Hashnode

Das obige ist der detaillierte Inhalt vonJavaScript-Grundlagen, die ich heute auf dieser Entwicklerreise gelernt habe.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage