JavaScript Cheat Sheet

JavaScript Cheat Sheet PDFHieronder vind u die Javascript-cheat sheet in .pdf sowel as in die teks.


JavaScript Cheat Sheet

  • Aflaai skakel

Basiese beginsels van JavaScript

Laat ons begin met die basiese beginsels – hoe om JavaScript op ‘n webwerf in te sluit.

Insluitend JavaScript in ‘n HTML-bladsy

Om JavaScript op ‘n bladsy in te sluit, moet u dit inpak

Met hierdie invoer kan die blaaier die kode korrek identifiseer en uitvoer.

Bel 'n eksterne JavaScript-lêer

U kan ook JavaScript in sy eie lêer plaas en dit in u HTML-naam noem. Op hierdie manier kan u verskillende soorte kodes van mekaar afsonderlik hou, wat sorg vir beter georganiseerde lêers. As u kode in 'n lêer genoem word myscript.js, jy sou dit noem:

Opmerkings ingesluit

Kommentaar is belangrik omdat dit ander mense help om te verstaan ​​wat in u kode aangaan, of u daaraan herinner as u self iets vergeet het. Hou in gedagte dat dit korrek gemerk moet word, sodat die blaaier dit nie sal probeer uitvoer nie.

In JavaScript het u twee verskillende opsies:

  • Opmerkings oor enkellyne - Om 'n opmerking in te sluit wat tot 'n enkele reël beperk is, moet u dit voorafgaan //
  • Meervoudige opmerkings - As u langer kommentaar tussen verskillende reëls wil skryf, moet u dit inwerk / * en * / om te voorkom dat dit uitgevoer word

Veranderlikes in JavaScript

Veranderlikes is standaardwaardes wat u kan gebruik om bewerkings uit te voer. U moet hulle ken vanaf die wiskundeklas.

var, const, laat

U het drie verskillende moontlikhede om 'n veranderlike in JavaScript te verklaar, elk met hul eie spesialiteite:

  • var - Die algemeenste veranderlike. Dit kan weer toegeken word, maar slegs binne 'n funksie verkry word. Veranderlikes gedefinieer met var beweeg na bo as die kode uitgevoer word.
  • const - Kan nie weer toegeken word nie en nie toeganklik wees voordat dit binne die kode verskyn nie.
  • laat - Soortgelyk aan const, die laat veranderlike kan herdeel word, maar nie weer verklaar word nie.

Datatipes

Veranderlikes kan verskillende soorte waardes en datatipes bevat. Jy gebruik = om hulle toe te ken:

  • Getalle - var ouderdom = 23
  • Veranderlikes - var x
  • Teks (snare) - var a = "init"
  • Bedryf - var b = 1 + 2 + 3
  • Waar of vals stellings - var c = waar
  • Konstante getalle - konst PI = 3.14
  • Voorwerpe - var name = {firstName: "John", lastName: "Doe"}

Daar is meer moontlikhede. Let daarop dat veranderlikes hoofletters sensitief is. Dit beteken van en van word as twee verskillende veranderlikes hanteer.

voorwerpe

Voorwerpe is sekere soorte veranderlikes. Dit is veranderlikes wat hul eie waardes en metodes kan hê. Laasgenoemde is aksies wat u op voorwerpe kan uitvoer.

var persoon = {
Naam: "John",
Van: "Doen",
ouderdom: 20,
nasionaliteit: "Duitse"
};

Die volgende vlak: skikkings

Volgende op ons JavaScript-bedriegblad is skikkings. Skikkings is deel van baie verskillende programmeertale. Dit is 'n manier om veranderlikes en eienskappe in groepe te organiseer. Hoe om een ​​in JavaScript te skep:

var fruit = ["Banana", "Apple", "Pear"];

Nou het u 'n reeks genaamd vrugte wat drie items bevat wat u vir toekomstige bedrywighede kan gebruik.

Skikkingsmetodes

Nadat u skikkings geskep het, is daar 'n paar dinge wat u daarmee kan doen:

  • concat () - Sluit verskeie skikkings in een aan
  • INHOUDSOPGAWE van() - Wys die eerste posisie waarop 'n gegewe element in 'n skikking verskyn
  • aansluit () - Kombineer elemente van 'n skikking in 'n enkele string en gee die tou terug
  • lastIndexOf () - Gee die laaste posisie waarop 'n gegewe element in 'n skikking verskyn
  • pop () - Verwyder die laaste element van 'n skikking
  • stoot () - Voeg 'n nuwe element aan die einde
  • reverse () - Sorteer elemente in 'n dalende volgorde
  • verskuiwing () - Verwyder die eerste element van 'n skikking
  • sny () - Trek 'n kopie van 'n gedeelte van 'n skikking na 'n nuwe skikking
  • soort () - Sorteer elemente alfabeties
  • Splice () - Voeg elemente op 'n spesifieke manier en posisie toe
  • toString () - Skakel elemente om na snare
  • unshift () - Voeg 'n nuwe element by tot die begin
  • Waarde van() - Wys die primitiewe waarde van die gespesifiseerde voorwerp terug

operateurs

As u veranderlikes het, kan u dit gebruik om verskillende soorte bewerkings uit te voer. Om dit te kan doen, benodig u operateurs.

Basiese bestuurders

  • + - Toevoeging
  • - - Aftrek
  • * - Vermenigvuldiging
  • / - Afdeling
  • (...) - Groephouer, operasies tussen hakies word vroeër uitgevoer as buite
  • % - Modulus (res)
  • ++ - Toename getalle
  • -- - Decrement numbers

Vergelykingsoperateurs

  • == - Gelyk aan
  • === - Gelyke waarde en gelyke tipe
  • != - Nie gelyk nie
  • !== - Nie gelyke waarde of nie dieselfde tipe nie
  • > - Groter as
  • < - Minder as
  • > = - Groter as of gelyk aan
  • <= - Minder as of gelyk aan
  • ? - Ternêre operateur

Logiese bestuurders

  • && - Logies en
  • || - Logies of
  • ! - Logies nie

Operateurs van 'n bietjie manier

  • & - EN verklaring
  • | - OF verklaring
  • ~ - NIE
  • ^ - XOR
  • << - Links skuif
  • >> - Regsverskuiwing
  • >>> - Nul vul regskof

funksies

JavaScript-funksies is blokke kode wat 'n sekere taak verrig. 'N Basiese funksie lyk so:

funksienaam (parameter1, parameter2, parameter3) {
// wat die funksie doen
}

Soos u kan sien, bestaan ​​dit uit die funksie trefwoord plus 'n naam. Die parameters se funksie is tussen hakies en daar is krulhakies tussen wat die funksie verrig. U kan u eie skep, maar om u lewe makliker te maak - daar is ook 'n aantal standaardfunksies.

Gegee data

'N Algemene toepassing vir funksies is die uitvoer van data. Vir die afvoer het u die volgende opsies:

  • waarskuwing () - Voer data uit in 'n waarskuwingsvak in die blaaiervenster
  • bevestig () - Open 'n ja / nee-dialoog en gee waar / vals terug, afhangend van die gebruiker se klik
  • console.log () - Skryf inligting aan die blaaierkonsole, goed vir ontfoutingsdoeleindes
  • document.write () - Skryf direk na die HTML-dokument
  • vinnige () - Skep 'n dialoog vir gebruikersinvoer

Globale funksies

Globale funksies is funksies wat ingebou is in elke blaaier wat JavaScript kan gebruik.

  • decodeURI () - Dekodeer a Uniform Resource Identifier (URI) gemaak deur encodeURI of soortgelyk
  • decodeURIComponent () - Dekodeer 'n URI-komponent
  • encodeURI () - Kodeer 'n URI in UTF-8
  • encodeURIComponent () - Dieselfde maar vir URI-komponente
  • eval () - Evalueer JavaScript-kode wat as 'n string voorgestel word
  • isFinite () - Bepaal of 'n geslaagde waarde 'n eindige getal is
  • | isNaN () - Bepaal of 'n waarde NaN is of nie
  • Nommer () —- Wys 'n getal wat van die argument omgeskakel is
  • parseFloat () - Bepaal 'n argument en gee 'n swewelpuntnommer terug
  • parseInt () - Ontleed die argument en gee 'n heelgetal

JavaScript-lusse

Loops is deel van die meeste programmeertale. Hiermee kan u die gewenste aantal kere blokke kode uitvoer met verskillende waardes:

vir (voor lus; voorwaarde vir lus; voer na lus uit) {
// wat om tydens die lus te doen
}

U het verskillende parameters om lusse te skep:

  • vir - Die mees algemene manier om 'n lus in JavaScript te skep
  • terwyl - Stel toestande op waaronder 'n lus uitvoer
  • doen terwyl - Soortgelyk aan die terwyl lus, maar dit word ten minste een keer uitgevoer en aan die einde 'n tjek uitgevoer om te sien of daar aan die voorwaarde voldoen word om weer uit te voer
  • breek - Word gebruik om die siklus onder sekere omstandighede te stop en te verlaat
  • aanhou - Slaan dele van die siklus oor as daar aan sekere voorwaardes voldoen is

As - anders state

Hierdie soort stellings is maklik om te verstaan. Deur dit te gebruik, kan u voorwaardes stel vir wanneer u kode uitgevoer word. As sekere voorwaardes van toepassing is, word iets gedoen, indien nie - word iets anders uitgevoer.

indien (voorwaarde) {
// wat om te doen as aan die voorwaarde voldoen word
} anders {
// wat om te doen as daar nie aan die voorwaarde voldoen word nie
}

'N Soortgelyke konsep as indien anders is die skakelaar verklaring. Met die skakelaar kies u egter een van verskeie kodeblokke om uit te voer.

Strings

Stringe is wat JavaScript oproep na teks wat nie 'n funksie verrig nie, maar op die skerm kan verskyn.

var person = "John Doe";

In hierdie geval, John Doe is die string.

Ontsnapkarakters

In JavaScript word snare met enkel- of dubbelaanhalings gemerk. As u aanhalingstekens in 'n string wil gebruik, moet u spesiale karakters gebruik:

  • \ " - Enkele aanhaling
  • \ " - Dubbele aanhaling

Daarbenewens het u ook addisionele ontsnapkarakters:

  • \\ - Terugslag
  • \ b - Agterruimte
  • \ f - Voer voer uit
  • \ N - Nuwe lyn
  • \ r - Vervoer terug
  • \ t - Horisontale tabulator
  • \ v - Vertikale tabulator

Stringmetodes

Daar is baie verskillende maniere om met snare te werk:

  • charAt () - Wys 'n karakter op 'n bepaalde plek in 'n string
  • charCodeAt () - Gee u die unicode van 'n karakter op daardie posisie
  • concat () - Verbind twee of meer snare in een
  • fromCharCode () - Wys 'n string wat geskep is uit die gespesifiseerde reeks UTF-16-kode-eenhede
  • INHOUDSOPGAWE van() - Voorsien die posisie van die eerste voorkoms van 'n gespesifiseerde teks binne 'n string
  • lastIndexOf () - Dieselfde as INHOUDSOPGAWE van() maar met die laaste voorkoms, agteruit soek
  • pas () - Haal die vuurhoutjies van 'n string na 'n soekpatroon op
  • vervang () - Soek en vervang spesifieke teks in 'n string
  • Soek() - Doen 'n soeke na 'n bypassende teks en gee sy posisie terug
  • sny () - Onttrek 'n gedeelte van 'n string en gee dit terug as 'n nuwe string
  • split () - Verdeel 'n string voorwerp in 'n reeks snare op 'n spesifieke plek
  • substr () - Soortgelyk aan sny () maar trek 'n substring uit afhangend van 'n bepaalde aantal karakters
  • substring () - Ook soortgelyk aan sny () maar kan nie negatiewe indekse aanvaar nie
  • toLowerCase () - Skakel snare om na kleinletters
  • toUpperCase () - Skakel snare om na hoofletters
  • Waarde van() - Wys die primitiewe waarde (wat geen eienskappe of metodes het nie) van 'n stringvoorwerp terug

Gereelde uitdrukking sintaksis

Gereelde uitdrukkings is soekpatrone wat gebruik word om karakterkombinasies in snare te pas. Die soekpatroon kan gebruik word vir teks soek en teks om handelinge te vervang.

Patroon wysigers

  • e - Evalueer vervanging
  • i - Voer ongevoelige bypassings uit
  • g - Voer wêreldwye ooreenstemming uit
  • m - Voer meerdere reëlpassings uit
  • s - Behandel snare as 'n enkele lyn
  • x - Laat kommentaar en witruimte toe in die patroon
  • U - Ongewone patroon

hakies

  • [Abc] - Soek een van die karakters tussen die hakies
  • [^ Abc] - Soek enige karakter wat nie tussen hakies is nie
  • [0-9] - Word gebruik om enige syfer van 0 tot 9 te vind
  • [A-Z] - Soek enige karakter van hoofletters A tot kleinletters
  • (A | b | c) - Soek enige van die alternatiewe waarmee u geskei het |

meta karakters

  • . - Soek 'n enkele karakter, behalwe newline of lynterminator
  • \ w - Woordkarakter
  • \ W - Nie-woordkarakter
  • \ d - 'n syfer
  • \ D - 'n Nie-syfer karakter
  • \ s - Whitespace-karakter
  • \ S - Nie-witruimte-karakter
  • \ b - Soek 'n wedstryd aan die begin / einde van 'n woord
  • \ B - 'n Wedstryd nie aan die begin / einde van 'n woord nie
  • \ 0 - NUL karakter
  • \ N - 'n Nuwe lynkarakter
  • \ f - Vorm voer karakter
  • \ r - Karretjie vir terugvoer
  • \ t - Tab-karakter
  • \ v - Vertikale oortjiekarakter
  • \ xxx - Die karakter gespesifiseer deur 'n oktale nommer xxx
  • \ XDD - Karakter gespesifiseer deur 'n heksadesimale getal dd
  • \ uxxxx - Die Unicode-karakter gespesifiseer deur 'n heksadesimale getal XXXX

kwantifiseerders

  • N+ - Pas elke string wat ten minste een n bevat
  • N * - Enige string wat nul of meer voorvalle van n bevat
  • N? - 'n String wat nul of een voorkoms van n bevat
  • N {X} - String wat 'n reeks X n's bevat
  • N {X, Y} - Stringe wat 'n reeks van X tot Y n's bevat
  • N {X,} - Pas elke string wat 'n reeks van ten minste X n's bevat
  • N $ - Enige string met n aan die einde daarvan
  • ^ n - Tou met n aan die begin daarvan
  • ?= n - Enige string wat gevolg word deur 'n spesifieke string n
  • ?!N - String wat nie deur 'n spesifieke string gevolg word nie

Getalle en Wiskunde

In JavaScript kan u ook met getalle, konstantes werk en wiskundige funksies verrig.

Getal eienskappe

  • MAX_VALUE - Die maksimum numeriese waarde wat in JavaScript voorgestel kan word
  • MIN_VALUE - Kleinste positiewe numeriese waarde wat in JavaScript voorgestel kan word
  • NaN - Die waarde "Nie-'n-nommer"
  • NEGATIVE_INFINITY - Die negatiewe Oneindigheidswaarde
  • POSITIVE_INFINITY - Positiewe oneindigheidswaarde

Getalmetodes

  • toExponential () - Wys die string met 'n afgeronde nommer wat as eksponensiële notasie geskryf is
  • vaste kwotasies () - Wys die string van 'n getal met 'n gespesifiseerde aantal desimale
  • toPrecision () - String van 'n nommer geskryf met 'n spesifieke lengte
  • toString () - Wys 'n nommer as 'n string
  • Waarde van() - Wys 'n getal as 'n getal

Wiskunde Eienskappe

  • E - Euler se nommer
  • LN2 - Die natuurlike logaritme van 2
  • LN10 - Natuurlike logaritme van 10
  • LOG2E - Basis 2 logaritme van E
  • LOG10E - Basis 10 logaritme van E
  • PI - Die nommer PI
  • SQRT1_2 - Vierkantswortel van 1/2
  • SQRT2 - Die vierkantswortel van 2

Wiskundige metodes

  • ABS (x) - Wys die absolute (positiewe) waarde van x
  • acos (x) - Die arccosine van x, in radiale
  • asin (x) - Boogstene van x, in radiale
  • atan (x) - Die arktangent van x as 'n numeriese waarde
  • atan2 (y, x) - Arctangent van die kwosiënt van sy argumente
  • oordek (x) - Waarde van x afgerond tot sy naaste heelgetal
  • cos (x) - Die kosinus van x (x is in radiale)
  • exp (x) - Waarde van Ex
  • vloer (x) - Die waarde van x afgerond tot sy naaste heelgetal
  • log (x) - Die natuurlike logaritme (basis E) van x
  • Max (x, y, z, ..., n) - Wys die getal met die hoogste waarde
  • min (x, y, z, ..., n) - Dieselfde vir die getal met die laagste waarde
  • pow (x, y) - X tot die krag van y
  • ewekansige () - Wys 'n ewekansige getal tussen 0 en 1
  • ronde (x) - Die waarde van x afgerond tot sy naaste heelgetal
  • sin (x) - Die sinus van x (x is in radiale)
  • sqrt (x) - Vierkantswortel van x
  • tan (x) - Die raaklyn van 'n hoek

Hantering van datums in JavaScript

U kan ook datums en tyd met JavaScript werk en dit verander. Dit is die volgende hoofstuk in die JavaScript-bedriegblad.

Stel datums in

  • Datum () - Skep 'n nuwe datumobjek met die huidige datum en tyd
  • Datum (2017, 5, 21, 3, 23, 10, 0) - Skep 'n pasgemaakte datumobjek. Die getalle verteenwoordig 'n jaar, maand, dag, uur, minute, sekondes, millisekondes. U kan alles wat u wil weglaat, behalwe vir 'n jaar en maand.
  • Datum ( "2017/06/23") - Datumverklaring as 'n string

Trekkings van datum en tydwaardes

  • getDate () - Kry die dag van die maand as 'n nommer (1-31)
  • getDay () - Die weekdag as getal (0-6)
  • getFullYear () - Jaar as 'n viersyfergetal (jjjj)
  • getHours () - Kry die uur (0-23)
  • getMilliseconds () - Die millisekonde (0-999)
  • getMinutes () - Kry die minuut (0-59)
  • getMonth () - Maand as getal (0-11)
  • getSeconds () - Kry die tweede (0-59)
  • getTime () - Kry die millisekondes sedert 1 Januarie 1970
  • getUTCDate () - Die dag (datum) van die maand op die gespesifiseerde datum volgens universele tyd (ook beskikbaar vir dag, maand, volle jaar, ure, minute, ens.)
  • parse - Ontleed 'n string voorstelling van 'n datum en gee die aantal millisekondes sedert 1 Januarie 1970 terug

Stel 'n deel van 'n datum vas

  • SetDate () - Stel die dag as 'n getal (1-31)
  • setFullYear () - Stel die jaar in (opsioneel maand en dag)
  • setHours () - Stel die uur in (0-23)
  • setMilliseconds () - Stel millisekondes (0-999)
  • setMinutes () - Stel die notule in (0-59)
  • setMonth () - Stel die maand in (0-11)
  • setSeconds () - Stel die sekondes (0-59)
  • vasgestelde tyd() - Stel die tyd in (millisekondes sedert 1 Januarie 1970)
  • setUTCDate () - Stel die dag van die maand in vir 'n spesifieke datum volgens universele tyd (ook beskikbaar vir dag, maand, volle jaar, uur, minute, ens.)

DOM-modus

Die DOM is die Dokument-objekmodel van 'n bladsy. Dit is die kode vir die struktuur van 'n webblad. JavaScript bevat baie verskillende maniere om HTML-elemente (genaamd nodes) te skep en te manipuleer.

Node Eienskappe

  • eienskappe - Wys 'n regstreekse versameling van alle kenmerke wat by 'n element geregistreer is, terug
  • baseURI - Voorsien die absolute basis-URL van 'n HTML-element
  • childNodes - Gee 'n versameling van kinderknope van 'n element
  • firstChild - Wys die eerste kinderknooppunt van 'n element terug
  • lastChild - Die laaste kinderknooppunt van 'n element
  • nextSibling - Gee u die volgende knoop op dieselfde knoppieboomvlak
  • nodenaam —Lê die naam van 'n knoop weer in
  • nodeType - Wys die tipe node terug
  • nodeValue - Stel of stel die waarde van 'n knoop in of terug
  • ownerDocument - Die dokument-objek op die hoogste vlak vir hierdie knoop
  • parentNode - Wys die ouerknoop van 'n element terug
  • previousSibling - Wys die nodus onmiddellik voor die huidige
  • textContent - Stel of gee die teksinhoud van 'n knoop en sy nasate terug

Knooppuntmetodes

  • appendChild () - Voeg 'n nuwe kinderknooppunt by 'n element as die laaste kinderknooppunt
  • cloneNode () - Kloneer 'n HTML-element
  • compareDocumentPosition () - Vergelyk die dokumentposisie van twee elemente
  • getFeature () - Wys 'n voorwerp wat die API's van 'n spesifieke funksie implementeer
  • hasAttributes () - Wys waar as 'n element enige eienskappe het, anders vals
  • hasChildNodes () - Wys waar as 'n element enige kinderknope het, anders vals
  • insertBefore () - Voeg 'n nuwe kinderknooppunt voor 'n gespesifiseerde bestaande kinderknooppunt in
  • isDefaultNamespace () - Wys waar indien 'n gespesifiseerde naamruimteURI die standaard is, anders vals
  • isEqualNode () - Kyk of twee elemente gelyk is
  • isSameNode () - Kyk of twee elemente dieselfde knoop is
  • isSupported () - Wys waar as 'n spesifieke funksie op die element ondersteun word
  • lookupNamespaceURI () - Wys die naamruimte URI wat verband hou met 'n gegewe knoop
  • lookupPrefix () - Wys 'n DOMString met die voorvoegsel vir 'n gegewe naamruimte-URI indien aanwesig
  • normaliseer () - Sluit aan by aangrensende teksknope en verwyder leë teksknope in 'n element
  • removeChild () - Verwyder 'n kinderknooppunt van 'n element
  • replaceChild () - Vervang 'n kinderknooppunt in 'n element

Elementmetodes

  • getAttribute () - Wys die gespesifiseerde attribuutwaarde van 'n elementknoop
  • getAttributeNS () - Wys die stringwaarde van die attribuut met die gespesifiseerde naamruimte en naam terug
  • getAttributeNode () - Kry die gespesifiseerde attribuutknoop
  • getAttributeNodeNS () - Wys die attribuutknoop vir die attribuut met die gegewe naamruimte en naam
  • getElementsByTagName () - Voorsien 'n versameling van alle kinderelemente met die gespesifiseerde merknaam
  • getElementsByTagNameNS () - Wys 'n lewendige HTMLC-versameling van elemente met 'n sekere merknaam wat tot die gegewe naamruimte behoort
  • hasAttribute () - Wys waar as 'n element enige eienskappe het, anders vals
  • hasAttributeNS () - Voorsien 'n waar / onwaar waarde wat aandui of die huidige element in 'n gegewe naamruimte die gespesifiseerde kenmerk het
  • removeAttribute () - Verwyder 'n gespesifiseerde kenmerk van 'n element
  • removeAttributeNS () - Verwyder die gespesifiseerde attribuut van 'n element in 'n bepaalde naamruimte
  • removeAttributeNode () - Verwyder 'n gespesifiseerde attribuutknooppunt en stuur die verwyderde nodus terug
  • setAttribute () - Stel of verander die gespesifiseerde attribuut na 'n gespesifiseerde waarde
  • setAttributeNS () - Voeg 'n nuwe attribuut by of verander die waarde van 'n attribuut met die gegewe naamruimte en naam
  • setAttributeNode () - Stel of verander die gespesifiseerde attribuutknooppunt
  • setAttributeNodeNS () - Voeg 'n nuwe naamruimte-attribuutknoop by 'n element

Werk met die gebruikersblaaier

Behalwe vir HTML-elemente, kan JavaScript ook die gebruikersblaaier in ag neem en die eienskappe daarvan in die kode insluit.

Venster Eienskappe

  • geslote - Kyk of 'n venster gesluit is of nie en gee waar of onwaar
  • defaultStatus - Stel of verstel die standaardteks in die statusbalk van 'n venster
  • dokument - Wys die dokumentvoorwerp vir die venster
  • rame - Gee alles terug