Grundläggande JavaScript-handledning

Grundläggande

Introduktion Köra JavaScript Första programmet i JavaScript Analys av programkod Ytterligare exempel Filer med skript Flera filer Anmärkning Cachelagring av filer Strikt läge Kommentarer Variabler Använda variabler Deklaration av flera variabler Ändring av variabelvärden Flera let för samma variabel Matematiska operationer med tal Matematiska operationer med variabler Prioritet för matematiska operationer Lika prioritet Grupperande parenteser Bråk Negativa tal Plus framför variabler Rest vid division Upphöjt till Prioritet för upphöjt till Strängar Addera strängar Stränglängd Mallsträngar Flerradighet Speciella värden Värdet undefined Värdet null Värdena true och false Värdet NaN Infinity och -Infinity Konsol Datatyp i konsolen Fel i konsolen Konstanter Automatisk typkonvertering Konvertering till tal Kort konvertering till tal Konvertering av inkorrekta tal Extrahera tal Konvertering till sträng Tillämpa konvertering till sträng Logisk typkonvertering Konvertering till logisk typ Strängtecken Oföränderlighet hos strängar Sista tecknet i strängen Strängar med siffror Åtkomst till siffror i ett tal Operationer för att ändra variabler Kortformer för operationer i JavaScript Inkrementering Prefix och postfix typ Felaktiga beräkningar Funktionen prompt Problem med typer i prompt Utdata till dokument Övning i att hitta fel Övning i operationer Övning i formler

Arrayer

Introduktion till arrayer Hämta element Arrayens längd Ändra element Skriva om arrayelement Inkrementering av element Lägga till element via nycklar Glesa arrayer Lägga till element med push Nycklar från variabler Operatorn delete Övning i att hitta fel

Objekt

Introduktion till objekt Visning av hela objektet Objekt med strängnycklar Objektens egenskaper Begränsningar för objektnycklar Ändra element Lägga till element Objektens oordning Array med objektnycklar Objektets längd Nycklar från variabler Fel vid åtkomst av element Fel vid åtkomst av egenskap Beräknade egenskaper Operatorn in Operatorn delete Typisering av objekt Arrayer som objekt Skilja arrayer från objekt Objekt och primitiver Överföring av objekt via referens Konstanter Programmeringsmetod med konstanter Övning i att hitta fel

Villkor

If-else konstruktion Operatorer för större än och mindre än Kontroll av likhet Kontroll av olikhet Jämförelse av variabler Likhet mellan strängar Likhet mellan strängar och tal Likhet i värde och typ Olikhet i värde och typ Logiskt OCH Logiskt ELLER Prioritet för logiska operatorer Gruppering av villkor Invertering av logiska uttryck Villkor med booleska värden Jämförelse av värden med boolesk typ Förkortad form för kontroll av sant Förkortad form för kontroll av falskt Allmän förkortad kontrollform Komplexa villkor i förkortad form Valfrihet för else-konstruktion Valfrihet för klammerparenteser Problemet med valfrihet för parenteser Else if konstruktion Nästlade if-else konstruktioner Switch-case konstruktion Valfrihet för break Ternär operator Logiska operationer Funktionen confirm Scope Nyanser av scope Kontroll av timdelar Kontroll av längd på strängar och arrayer Kontroll av strängtecken Kontroll av siffror i tal Kontroll av rest vid division Övning i att hitta fel Övning

Loopar

Introduktion For-of loop For-in loop While loop For loop For loop för arrayer Villkor i loopar Ackumulering av nummersumma Ackumulering av elementens summa Uppbyggnad av strängar Siffror i ett nummer Frivillighet av klammerparenteser Problem med frivilliga parenteser Break instruktion Continue instruktion Nästlade loopar Scope Nästlade loopar och scope Fyllning av arrayer Ändring av arrayer Fyllning av objekt Ändring av objekt Arbete med flaggor Tips för kodskrivning Tips för felsökning av kod Praktik på att hitta fel Praktik

Flerdimensionalitet

Flerdimensionella arrayer Tredimensionell array Godtyckliga arrayer Iteration över flerdimensionella arrayer Iteration med vanlig for Fyllning av flerdimensionella arrayer Problem vid fyllning av flerdimensionella arrayer Fyllning av flerdimensionella arrayer i ordning Flerdimensionella objekt Iteration över flerdimensionella objekt Flerdimensionella strukturer Iteration över flerdimensionella strukturer Array av objekt Nycklar från variabler Lägga till element i arrayer Lägga till element i objekt

Standardmetoder

Potenser Avrundningsfunktioner Extremvärden Slumptal Absoluta värden Teckenstorlek Urklipp av strängar Sökning i strängar Ersättning i strängar Uppdelning av strängar Slutelement Delar av arrayer Urklipp av arrayer Sökning i arrayer Objektnycklar Praktik i felsökning

Användardefinierade funktioner

Introduktion Funktionsparametrar Flera parametrar Parametrar-variabler Valfria parametrar Return-satsen Sekventiell funktionsanrop Returnens finare detalj Loop och return Tillämpning av return i loopar Arbetsmetod med return Flaggor i funktioner Logiska operatorer i funktioner Råd för funktioner Praktik på att hitta fel Praktik på funktioner

Funktioners variabler

Globala variabler Lokala variabler Sammanfallande variabelnamn Ändring av globala variabler Globala variabler och funktionsparametrar Sammanfallande namn med parametrar Parametrar-objekt

Funktionstyper

Funktionens källkod och resultat Funktion som variabel Skriva funktion till en annan variabel Tilldela funktioner till variabler Överensstämmelse mellan funktionsnamn och variabel Deklarationstyper Skillnad i funktionsdeklarationer Semikolon vid funktionsdeklaration Nyanser i funktionella uttryck Funktion med namn, men Function Expression Namngivna funktionella uttryck Hur man kontrollerar funktionstyp Uttryck till vänster Uttryck till höger Array med funktioner Objekt med funktioner Tillämpning av objekt med funktioner

Nästlade funktioner

Att skicka funktioner som parametrar Namngivna funktioner Parametrar för överförda funktioner Att skicka ett tal som parameter Tillämpning Inre funktioner Omfång för nästlade funktioner Parametrar för yttre funktionen Parametrar för yttre och inre funktioner Parametrar med samma namn Funktion som returnerar en funktion Vilken nästlingsnivå som helst Parametrar för returnerad funktion Callback-funktioner Nyanser av callbacks Pilfunktioner Tillämpning av pilfunktioner synk. med översättning

Closures

Tillgång till externa variabler Funktioners lexikaliska miljö Tillämpning av lexikalisk miljö Introduktion till closures Räknare med closures Nyans lokal variabel Nyans global variabel

IIFE

Omedelbar funktionsanrop Tilldelning av funktion till variabel Tillämpning av omedelbart funktionsanrop Runda parenteser Parametrar Multipla anrop Fallgropar Skyddssemikolon Closures och IIFE

Rekursion

Introduktion Exempel med parameter Summan av arrayelement med rekursion Multidimensionella strukturer Summan av arrayelement Manipulation av strukturer

Itererande metoder

Metoden map Metoden forEach Metoden filter Metoden every Metoden some Metoden find översättning, uppgifter Metoden reduce översättning, uppgifter

Spreadoperatorn

Introduktion Mer avancerade exempel Extrema arrayvärden Sammanfogning av arrayer Uppdelning av strängar Uppdelning av tal

Rest-operatorn

Rest-operatorn Siffersumma Arrayer till tvådimensionell Arrayer till en

Destrukturering

Destrukturering av arrayer Array från funktion Hoppa över arrayelement Överflödiga arrayvärden Resten av arrayen Standardvärden för arrayer Standardfunktioner för arrayer Deklaration av variabler för arrayer Destrukturering av objekt Variabelnamn för objekt Standardvärden för objekt Variabler och standardvärden för objekt Deklaration av variabler för objekt Funktionsparametrar Destrukturering av funktionsparametrar objekt

Tid

Att arbeta med Date-objektet Formatering Att ändra datumformat Att få veckodag Att skriva ut datum med ord Att ställa in tid Timestamp-format Skillnad mellan timestamp Skillnad mellan datumobjekt Automatisk datumjustering Att hitta sista dagen i månaden Att identifiera skottår Kontroll av korrekthet Att få dag på nuvarande år Dag nästa eller föregående månad Dag nästa eller föregående år Skillnad mellan tidpunkter Tidpunkt på dagen Dagens början Dagens slut Cyklig kontroll av tidpunkter Praktik på att få tidpunkter Jämförelse med strängar Jämförelse av datum utan år Att träffa ett datumintervall Jämförelse av datumobjekt

Introduktion till DOM

Introduktion DOM-element Hämta DOM-element Avancerade DOM-elementväljare Bindning av händelsehanterare Namngivna händelsehanterare En hanterare till element Hanterare för samma händelse Hanterare för olika händelser Elementets text Elementets HTML-kod Taggattribut som egenskaper Arbeta med textfält Fokus för textfält Undantagsattribut Kedjor av metoder och egenskaper Fördelar och nackdelar med kedjor Objektet this Fördelen med this Hämta en grupp element Namngivna hanterare i loop Anonyma hanterare i loop Avbindning av händelsehanterare Avbindning av hanterare i loop Avbindning av anonyma hanterare Råd för kodskrivning Praktik på att hitta fel Praktikum

Attribut

Metod för att hämta attribut Metod för att sätta attribut Metod för att ta bort attribut Metod för att kontrollera attribut Anpassade attribut Attributnamn med bindestreck Att komma åt attribut via metoder Array av CSS-klasser Lägga till CSS-klasser Ta bort CSS-klasser Kontrollera CSS-klasser Växla CSS-klasser

Styling

Styling via style-attribut Styling av egenskaper med bindestreck Undantag vid styling av element Styling via CSS-klasser Fördelar med styling med CSS-klasser Tillämpning av styling

Sökning

Hitta elementets avkomlingar Hitta elementets föräldrar Sök alla elementets föräldrar Sök elementets grannar Sök element efter id Sök element efter taggnamn Sök element efter klassnamn Sök inuti ett element

Noder

Introduktion Iteration över noder med loop Nodnamn Nodtyp Nodtext

Formulär

Arbeta med textarea Inaktivera element Arbeta med kryssrutor Alternering av attribut utan värden Arbeta med radioknappar Change-händelse Input-händelse Metoderna focus och blur Övning på att hitta fel

Rullgardinsmenyer

Arbeta med rullgardinsmenyer Värdeattribut i rullgardinsmenyer Ändra valt objekt i listan Nummer på valt objekt i listan Hämta objekt från rullgardinsmenyn Objekt som en array Arbeta med objekt i rullgardinsmenyn Välja objekt i listan Hämta valt objekt

Event-objektet

Grunder i att arbeta med Event-objektet Händelsens koordinater Händelsetyp Händelsenselement Hämta nedtryckta tangenter Spåra modifieringtangenter Avbryta standardåtgärd Händelsebubbling Målelement vid bubbling Stoppa händelsebubbling Flera hanterare på ett element Omedelbart stopp av bubbling Tillämpning av att stoppa händelsebubbling Händelsecapturing Hanterare på nya element Händelsedelegering Universell händelsedelegering

Kontext

Grunder i att arbeta med kontext Kontext för obunden funktion Förlust av kontext Lösning på kontextproblemet Lösning via variabel Lösning via parameter Lösning via pilfunktion Metoden call Metoden call med parametrar Metoden apply Metoden bind

Timers

Starta en timer Räknare med timer Stoppa en timer Knappar för start Flera start Knappar för stopp Arbeta med DOM Timers och kontextförlust Praxis på timers och DOM Fördröjning före utförande Timer via fördröjning

Manipulera element

Skapa och infoga element Lägga på händelser vid infogning Skapa element i loop Lägga på hanterare i loop Ta bort element Infogning vid kanten Infoga före Intilliggande infogning Intilliggande infogning av taggar Klona element Kontrollera element

Övning

Skapa element från en array Övning på att skapa ul-listor Skapa tabeller Konsekvent fyllning av tabeller Skapa tabell från en array Skapa tabell från en array med objekt Lägga till rader och kolumner i en tabell Ändra tabellceller Ta bort nya element Länk för att ta bort element Skapa länkar för borttagning Redigera ett enskilt element Dölj text vid redigering Redigering i en uppsättning element Borttagning och redigering Stylisering av element Knappar för att dölja och visa element Många element med visningsknappar Aktivering av element Alternerande aktiveringsstilar Övning på att ändra element

Funktioner och DOM

Funktioner för att arbeta med DOM-element Funktioner för att arbeta med elementgrupper Skicka callback för att arbeta med DOM Skicka ordningsnummer i callback Skicka element som funktionsparameter Skicka elementgrupp som parametrar Funktion för att skapa HTML-tabeller Returnera tabell från funktion Funktion för att skapa tabell från array

Moduler via closures

Variabelkonflikter Moduler via closures Praktisk tillämpning Parameteröverföring Överföring av förälderelement Överföring av modulinställningar Standardparametrar Export av variabler och funktioner Export av objekt i moduler via closures Bibliotek via closures

↑