JavaScript svindlblaði

JavaScript svindlari PDFHér að neðan má finna Javascript svindlblaðið í .pdf sem og í textanum.


JavaScript svindlblaði

  • Niðurhal hlekkur

Grunnatriði JavaScript

Byrjum á grunnatriðunum – hvernig á að setja JavaScript inn á vefsíðu.

Innifalið JavaScript á HTML síðu

Til að setja JavaScript inn á síðu þarftu að vefja því inn

Með þessu inntaki getur vafrinn greint og framkvæmt kóðann á réttan hátt.

Hringdu í ytri JavaScript skrá

Þú getur líka sett JavaScript í sína eigin skrá og nefnt það innan HTML. Þannig geturðu haldið mismunandi gerðum af kóða aðskildum frá annarri og gert betri skipulagðar skrár. Ef kóðinn þinn er í skrá sem heitir myscript.js, þú myndir kalla það:

Að meðtöldum athugasemdum

Athugasemdir eru mikilvægar vegna þess að þær hjálpa öðru fólki að skilja hvað er að gerast í kóðanum þínum eða minna þig á ef þú hefur gleymt einhverju sjálfur. Hafðu í huga að það verður að merkja þau rétt svo að vafrinn reyni ekki að keyra þá.

Í JavaScript hefurðu tvo mismunandi valkosti:

  • Stakar athugasemdir - Til að setja með athugasemd sem er takmörkuð við eina línu, á undan henni með //
  • Margvíslegar athugasemdir - Ef þú vilt skrifa lengri athugasemdir á milli nokkurra lína skaltu vefja þeim inn / * og * / til að forðast að það verði framkvæmt

Breytur í JavaScript

Breytur eru sjálfstæð gildi sem þú getur notað til að framkvæma aðgerðir. Þú ættir að þekkja þá frá stærðfræðitímum.

var, const, láta

Þú hefur þrjá mismunandi möguleika til að lýsa yfir breytu í JavaScript, hver með sína sérgrein:

  • var - Algengasta breytan. Það er hægt að endurúthluta en aðeins fá aðgang að því innan aðgerðar. Breytur skilgreindar með var farðu efst þegar kóðinn er keyrður.
  • const - Ekki er hægt að endurúthluta og ekki aðgengileg áður en þau birtast innan kóðans.
  • láta - Svipað const, the láta breyta er hægt að endurúthluta en ekki aftur lýst.

Gagnategundir

Breytur geta innihaldið mismunandi tegundir gilda og gagnategundir. Þú notar = að úthluta þeim:

  • Tölur - var aldur = 23
  • Breytur - var x
  • Texti (strengir) - var a = "init"
  • Aðgerðir - var b = 1 + 2 + 3
  • Sannar eða rangar fullyrðingar - var c = satt
  • Stöðug tölur - const PI = 3,14
  • Hlutir - var name = {firstName: "John", lastName: "Doe"}

Það eru fleiri möguleikar. Athugið að breytur eru hástafar. Það þýðir eftirnafn og eftirnafn verður meðhöndlað sem tvær mismunandi breytur.

Hlutir

Hlutir eru ákveðnar tegundir af breytum. Þetta eru breytur sem geta haft sín eigin gildi og aðferðir. Síðarnefndu eru aðgerðir sem þú getur framkvæmt á hlutum.

var manneskja = {
fornafn: "John",
eftirnafn: "Doe",
aldur: 20,
þjóðerni: "þýska"
};

Næsta stig: Fylki

Næst uppi í JavaScript svindlblaði okkar eru fylki. Fylki eru hluti af mörgum mismunandi forritunarmálum. Þeir eru leið til að skipuleggja breytur og eiginleika í hópa. Svona á að búa til einn í JavaScript:

var ávöxtur = ["Banana", "Apple", "Pear"];

Núna ertu með fylki sem heitir ávöxtur sem inniheldur þrjá hluti sem þú getur notað til aðgerða í framtíðinni.

Array aðferðir

Þegar þú hefur búið til fylki eru nokkur atriði sem þú getur gert með þeim:

  • concat () - Taktu nokkrar fylki í eitt
  • indexOf () - Skilar fyrstu stöðu þar sem tiltekinn þáttur birtist í fylki
  • vera með () - Sameina þætti fylkisins í einn streng og skila strengnum
  • lastIndexOf () - Gefur síðustu stöðu þar sem tiltekinn þáttur birtist í fylki
  • hvellur () - Fjarlægir síðasta þáttinn í fylki
  • ýta () - Bættu við nýjum þætti í lokin
  • öfugt () - Raða þætti í lækkandi röð
  • vakt () - Fjarlægðu fyrsta þáttinn í fylki
  • sneið () - Dregur afrit af hluta fylkisins í nýja fylki
  • raða () - Flokkar þætti í stafrófsröð
  • skeyta () - Bætir við þáttum á tiltekinn hátt og stöðu
  • toString () - Breytir þætti í strengi
  • unshift () — Bætir nýjum þætti við upphafið
  • gildiOf () - Skilar frumstæðu tiltekins hlutar

Rekstraraðilar

Ef þú ert með breytur geturðu notað þær til að framkvæma mismunandi tegundir af aðgerðum. Til að gera það þarftu rekstraraðila.

Grunnrekstraraðilar

  • + - Viðbót
  • - - Frádráttur
  • * - Margföldun
  • / - Skipting
  • (...) - Flokkun rekstraraðila, aðgerðir innan sviga eru framkvæmdar fyrr en úti
  • % - stuðull (eftirstöðvar)
  • ++ - Hækkunartölur
  • -- - Yfirlýsingartölur

Samanburðarrekstraraðilar

  • == - Jafnt og
  • === - Jafnt gildi og jöfn tegund
  • != - Ekki jafnt
  • !== - Ekki jafnt gildi eða ekki jafn gerð
  • > - Meiri en
  • < - Minna en
  • > = - Stærra en eða jafnt og
  • <= - Minna en eða jafnt og
  • ? - Ternary rekstraraðili

Rökfræðilegir rekstraraðilar

  • && - Rökrétt og
  • || - Rökrétt eða
  • ! - Rökrétt ekki

Rekstraraðilar hluti

  • & - OG yfirlýsing
  • | - OR yfirlýsing
  • ~ - EKKI
  • ^ - XOR
  • << - Vinstri vakt
  • >> - Hægri vakt
  • >>> - Núllfylling hægri vakt

Aðgerðir

JavaScript aðgerðir eru kubbar sem framkvæma ákveðið verkefni. Grunnaðgerð lítur svona út:

aðgerðaheiti (parameter1, parameter2, parameter3) {
// hvað aðgerðin gerir
}

Eins og þú sérð samanstendur það af virka lykilorð ásamt nafni. Færibreytur aðgerðarinnar eru í sviga og þú ert með hrokkið sviga í kringum það sem aðgerðin framkvæmir. Þú getur búið til þitt eigið en til að gera líf þitt auðveldara - það eru líka nokkrar sjálfgefnar aðgerðir.

Gagnaflutningur

Algengt forrit fyrir aðgerðir er framleiðsla gagna. Fyrir framleiðsluna hefurðu eftirfarandi valkosti:

  • viðvörun() - Framlag gagna í viðvörunarkassa í vafraglugganum
  • staðfesta() - Opnar já / nei svarglugga og skilar sönn / ósönn eftir því hvernig notandi smellir
  • console.log () - Skrifar upplýsingar í vafra stjórnborðið, góðar til villuleitar
  • document.write () - Skrifaðu beint á HTML skjalið
  • hvetja () - Býr til samræðu fyrir inntak notenda

Alheimsaðgerðir

Alheimsaðgerðir eru aðgerðir innbyggðar í alla vafra sem geta keyrt JavaScript.

  • lesa úr leyniletri () - Afkóða a Uniform Resource Identifier (URI) búin til af kóðunURI eða álíka
  • decodeURIC hluti () - Afkóða URI hluti
  • kóðunURI () - Kóðar URI í UTF-8
  • kóðinnURIC hluti () - Sama en fyrir URI íhluti
  • eval () - Metur JavaScript kóða sem táknaður er sem strengur
  • isFinite () - Ákvarðar hvort liðin gildi sé endanleg tala
  • isNaN () - Ákvarðar hvort gildi er NaN eða ekki
  • Fjöldi () —- Skilar tölu sem er breytt úr rifrildi þess
  • parseFloat () - Lærir rök og skilar fljótandi stiganúmeri
  • parseInt () - Lærir rök sín og skilar heiltölu

JavaScript lykkjur

Lykkjur eru hluti af flestum forritunarmálum. Þeir leyfa þér að framkvæma kubbakóða fjölda sinnum með mismunandi gildum:

fyrir (fyrir lykkju; skilyrði fyrir lykkju; keyrðu eftir lykkju) {
// hvað á að gera við lykkjuna
}

Þú hefur nokkrar breytur til að búa til lykkjur:

  • fyrir - Algengasta leiðin til að búa til lykkju í JavaScript
  • meðan - Setur upp aðstæður sem lykkja keyrir á
  • gera á meðan - Svipað og meðan lykkju en það keyrir að minnsta kosti einu sinni og framkvæmir athugun í lokin til að sjá hvort skilyrðið er uppfyllt til að framkvæma aftur
  • brot —Notað til að stöðva og hætta við hringrásina við vissar aðstæður
  • halda áfram - Slepptu hluta hringrásarinnar ef ákveðnum skilyrðum er fullnægt

Ef - Annar Yfirlýsingar

Þessar fullyrðingar eru auðskiljanlegar. Með því að nota þau geturðu stillt skilyrði fyrir hvenær kóðinn þinn er keyrður. Ef ákveðin skilyrði gilda er eitthvað gert, ef ekki - er annað framkvæmt.

ef (skilyrði) {
// hvað á að gera ef skilyrði eru uppfyllt
} Annar {
// hvað á að gera ef skilyrðum er ekki fullnægt
}

Svipað hugtak og ef annað er skipta yfirlýsingu. Hins vegar notarðu rofann einn af nokkrum kóðablokkum til að keyra.

Strengir

Strengir eru það sem JavaScript kallar á texta sem sinnir ekki aðgerð en getur birst á skjánum.

var person = "John Doe";

Í þessu tilfelli, John Doe er strengurinn.

Escape stafir

Í JavaScript eru strengir merktir með einum eða tvöföldum tilvitnun. Ef þú vilt nota gæsalappir í streng þarftu að nota sértákn:

  • \ ' - Stök tilvitnun
  • \ " - Tvöföld tilvitnun

Fyrir utan það að þú ert líka með fleiri flóttapersónur:

  • \\ - Afturáfall
  • \ b - Bakrými
  • \ f - Mynda fóður
  • \ n - Ný lína
  • r - Vagn aftur
  • \ t - Lárétt borðplata
  • \ v - Lóðrétt tabulator

Stringaðferðir

Það eru margar leiðir til að vinna með strengi:

  • charAt () - Skilar staf á tiltekinni staðsetningu inni í streng
  • charCodeAt () - Gefur þér Unicode persóna í þeirri stöðu
  • concat () - Samlagið (sameinar) tvo eða fleiri strengi í einn
  • fráCharCode () - Skilar streng sem er búinn til úr tilgreindri röð UTF-16 kódeininga
  • indexOf () - Veitir staðsetningu fyrsta viðburðar tiltekins texta innan strengjar
  • lastIndexOf () - Eins og indexOf () en með síðustu atburði, að leita aftur á bak
  • jafningi () - Sækir samsvörun strengsins gegn leitarmynstri
  • skipta út () - Finndu og skipti um tiltekinn texta í streng
  • leita () - Framkvæmir leit að samsvarandi texta og skilar stöðu sinni
  • sneið () - dregur út hluta strengsins og skilar honum sem nýjum streng
  • skipta() - Skiptir strengjahlut í fjölda strengja á tiltekinni stöðu
  • undirlag () - Svipað sneið () en dregur út undirtengingu eftir tilteknum fjölda stafa
  • skiptastrengur () - Einnig svipað og sneið () en geta ekki samþykkt neikvæðar vísitölur
  • toLowerCase () - Breyta strengjum í lágstöfum
  • toUpperCase () - Breyta strengjum í hástafi
  • gildiOf () - Skilar frumstæðu gildi (sem hefur enga eiginleika eða aðferðir) strengjarhlutar

Regluleg tjáning setningafræði

Regluleg orðatiltæki eru leitarmynstur sem notuð eru til að passa stafasamsetningar í strengjum. Hægt er að nota leitarmynstrið við textaleit og texta til að skipta um aðgerðir.

Mynstursbreytingar

  • e - Meta skipti
  • i - Framkvæma ósæmilega samsvörun
  • g - Framkvæma alþjóðlega samsvörun
  • m - Framkvæma samsvarun lína
  • s - Meðhöndla strengi sem eina línu
  • x - Leyfa athugasemdir og hvítt svæði í mynstrinu
  • U - Óheiðarlegt mynstur

Sviga

  • [abc] - Finndu einhverja af stöfunum á milli sviga
  • [^ abc] - Finndu hvaða persónu sem er ekki innan sviga
  • [0-9] - Notað til að finna hvaða tölustaf sem er frá 0 til 9
  • [A-z] - Finndu hvaða staf sem er frá hástaf A til lágstafa
  • (a | b | c) - Finndu einhvern af þeim valkostum sem eru aðskildir með |

Metatákn

  • . - Finndu staka persónu, nema nýrlínu eða ljúka lína
  • \ w - Orðapersóna
  • \ W - Persónuleiki sem ekki er orðaður
  • \ d - Stafa
  • \ D - Stafræn staf
  • \ s - Whitespace persóna
  • \ S - Persónuleiki sem ekki er hvítur
  • \ b - Finndu samsvörun í upphafi / loka orðs
  • \ B - Samsvörun ekki við upphaf / lok orða
  • \ 0 - NUL karakter
  • \ n - Ný lína staf
  • \ f - Mynda fóðrunar staf
  • r - Afturflutningur eðli
  • \ t - Tákn flipa
  • \ v - Lóðrétt flipa staf
  • \ xxx - Persónan sem er tilgreind með octal númeri xxx
  • \ xdd - Persónan sem tilgreind er með sextánskur tölunni dd
  • \ uxxxx - Unicode stafurinn sem tilgreindur er með sextánskastölu XXXX

Magn

  • n+ - Samsvarar öllum strengjum sem innihalda að minnsta kosti eitt n
  • n * - Allir strengir sem innihalda núll eða fleiri tilvik af n
  • n? - Strengur sem inniheldur núll eða eitt tilvik af n
  • n {X} - Strengur sem inniheldur röð X n
  • n {X, Y} - Strengir sem innihalda röð frá X til Y n
  • n {X,} - Samsvarar öllum strengjum sem innihalda röð að minnsta kosti X n
  • n $ - Allir strengir með n í lok hans
  • ^ n - Strengur með n í byrjun þess
  • ?= n - Allir strengir sem fylgt er eftir með ákveðnum streng n
  • ?!n - Strengur sem ekki er fylgt eftir með ákveðnum strengi ni

Tölur og stærðfræði

Í JavaScript geturðu einnig unnið með tölur, fasti og framkvæmt stærðfræðilega aðgerðir.

Fjöldi eiginleika

  • MAX_VALUE - Hámarks tölulegt gildi sem hægt er að tákna í JavaScript
  • MIN_VALUE - Minnsta jákvæða tölugildi sem hægt er að lýsa í JavaScript
  • NaN - Gildið „Not-a-Number“
  • NEGATIVE_INFINITY - Neikvæða óendanleikagildið
  • POSITIVE_INFINITY - Jákvætt óendanlegt gildi

Fjöldi aðferða

  • toExponential () - Skilar strengnum með ávölri tölu skrifuð sem veldisvísi
  • toFixed () - Gefur streng númersins með tilteknum fjölda aukastafa
  • toPision () - Strengur númerar sem er skrifaður með tiltekinni lengd
  • toString () - Skilar tölu sem streng
  • gildiOf () - Skilar tölu sem tölu

Eiginleikar stærðfræði

  • E - Númer Euler
  • LN2 - Náttúrulegur lógaritmi 2.
  • LN10 - Náttúrulegur lógaritmi frá 10.
  • LOG2E - Base 2 lógaritmi E
  • LOG10E - Base 10 lógaritmi E
  • PI - Númerið PI
  • SQRT1_2 - Ferningur rót 1/2
  • SQRT2 - Torgrótin af 2

Aðferðir við stærðfræði

  • abs (x) - Skilar algeru (jákvæðu) gildi x
  • acos (x) - Arccosine x, í radíanum
  • asin (x) - Arcsine af x, í radíanum
  • atan (x) - Lengdin x sem tölugildi
  • atan2 (y, x) - Arctangent af the quotient af rökum sínum
  • loft (x) - Gildi x námundað upp að næsta heiltölu
  • cos (x) - Kósínósin af x (x er í radíanum)
  • útdráttur (x) - Gildi Ex
  • hæð (x) - Gildið x námundað niður í næsta heiltölu
  • log (x) - Náttúrulegi logaritminn (grunn E) x
  • hámark (x, y, z, ..., n) - Skilar tölunni með hæsta gildi
  • mín. (x, y, z, ..., n) - Sama fyrir töluna með lægsta gildi
  • pow (x, y) - X að krafti y
  • handahófi() - Skilar slembivali milli 0 og 1
  • umferð (x) - Gildið x námundað að næsta heiltölu
  • synd (x) - sinus x (x er í radíanum)
  • sqrt (x) - Ferningur rót x
  • sólbrúnka (x) - Snertill hornsins

Takast á við dagsetningar í JavaScript

Þú getur líka unnið með og breytt dagsetningum og tíma með JavaScript. Þetta er næsti kafli í JavaScript svindlblaði.

Stilla dagsetningar

  • Dagsetning () - Býr til nýjan dagsetningarhlut með núverandi dagsetningu og tíma
  • Dagsetning (2017, 5, 21, 3, 23, 10, 0) - Búðu til sérsniðinn dagsetningarhlut. Tölurnar tákna ár, mánuð, dag, klukkutíma, mínútur, sekúndur, millisekúndur. Þú getur sleppt öllu sem þú vilt nema í eitt ár og mánuð.
  • Dagsetning ("2017-06-23") - Dagsetningaryfirlýsing sem strengur

Draga gildi dagsetningar og tíma

  • getDate () - Fáðu deginum mánaðarins sem númer (1-31)
  • getDay () - Vikudagurinn sem tala (0-6)
  • getFullYear () - Ár sem fjögurra stafa tala (áááá)
  • getHours () - Fáðu klukkutímann (0-23)
  • getMilliseconds () - Millisekúndan (0-999)
  • getMinutes () - Fáðu mínútu (0-59)
  • getMonth () - Mánuður sem tala (0-11)
  • getSeconds () - Fáðu annað (0-59)
  • getTime () - Fáðu millisekúndurnar síðan 1. janúar 1970
  • getUTCDate () - Dagurinn (dagsetning) mánaðarins á tiltekinni dagsetningu samkvæmt alheimstíma (einnig fáanlegur fyrir dag, mánuð, heilt ár, klukkustundir, mínútur osfrv.)
  • flokka - Ritar niðurstreng sem sýnir framsetningu dagsetningar og skilar fjölda millisekúnda frá 1. janúar 1970

Setja hluta af dagsetningu

  • setDate () - Stilltu daginn sem fjölda (1-31)
  • setFullYear () - Stillir árið (mögulega mánuð og dag)
  • setHours () - Stilltu tímann (0-23)
  • setMilliseconds () - Stilla millisekúndur (0-999)
  • setMinutes () - Stilla fundargerð (0-59)
  • setMonth () - Stilla mánuðinn (0-11)
  • setSeconds () - Stillir sekúndurnar (0-59)
  • setTime () - Stilltu tímann (millisekúndur síðan 1. janúar 1970)
  • setUTCDate () - Stillir dag mánaðarins fyrir tiltekinn dag í samræmi við alheimstíma (einnig fáanlegur fyrir dag, mánuð, heilt ár, klukkustundir, mínútur osfrv.)

DOM Mode

DOM er Fyrirmynd skjals hlutar af síðu. Það er kóðinn fyrir uppbyggingu vefsíðu. JavaScript er með mikið af mismunandi leiðum til að búa til og vinna með HTML þætti (kallaðir hnútar).

Eiginleikar hnút

  • eiginleika - Skilar lifandi safni allra eiginleika sem skráðir eru í frumefni
  • baseURI - Gefur upp algjöra grunnslóð HTML HTML frumefnis
  • childNodes - Gefur safn af barnahnúðum frumefnis
  • fyrstChildur - Skilar fyrsta barni hnút frumefnis
  • síðastChildur - Síðasti hnútur barnsins
  • næsta systkini - Veitir þér næsta hnút á sama hnút trjástigs
  • hnútanafn —Sendir heiti hnút
  • hnútagerð - Skilar gerð hnút
  • hnútValue - Stillir eða skilar gildi hnút
  • eigandi skjal - Efsta skjalið mótmæla fyrir þennan hnút
  • foreldriNode - Skilar foreldri hnút frumefnis
  • fyrriSystkini - Skilar hnútnum strax á undan núverandi
  • texti Innihald - Stillir eða skilar textainnihaldi hnút og afkomenda hans

Aðferðir hnút

  • bæta viðChild () - Bætir nýjum barns hnút við frumefni sem síðasti barn hnút
  • cloneNode () - Klónar HTML frumefni
  • bera saman skjalasetningu () - Ber saman skjal stöðu tveggja þátta
  • getFeature () - Skilar hlut sem útfærir API fyrir tiltekinn eiginleika
  • hasAttribute () - Skilar sönn ef frumefni hefur einhverja eiginleika, annars ósatt
  • hasChildNodes () - Skilar rétt ef frumefni er með einhverja hnúta barna, annars rangar
  • insertBefore () - Bætir við nýjum hnút fyrir börn fyrir tiltekinn núverandi hnút
  • isDefaultNamespace () - Skilar satt ef tilgreint nafnarými er sjálfgefið, annars ósatt
  • isEqualNode () - Athugar hvort tveir þættir séu jafnir
  • isSameNode () - Athugar hvort tveir þættir séu sami hnútinn
  • isSupported () - Skilar rétt ef tilgreindur eiginleiki er studdur á frumefnið
  • leitNafnrýmiURI () - Skilar nafnrými URI tengdum tilteknum hnút
  • leitPrefix () - Skilar DOMString sem inniheldur forskeyti fyrir tiltekið nafnrými URI ef það er til staðar
  • staðla () - Sameinar aðliggjandi textahnúða og fjarlægir tóma textahnút í frumefni
  • fjarlægjaChild () - Fjarlægir barnahnút úr frumefni
  • skipta útChild () - Skiptir um hnút fyrir börn í frumefni

Aðferð aðferðum

  • getAttribute () - Skilar tilgreindu eigindargildi frumhnútans
  • getAttributeNS () - Skilar strenggildi eigindarinnar með tilgreindu nafnrými og nafni
  • getAttributeNode () - Fær tilgreindan eigindahnút
  • getAttributeNodeNS () - Skilar eigindahnút eigindarinnar með tilteknu nafnrými og nafni
  • getElementsByTagName () - Býður upp safn allra barnaþátta með tilgreint merkisheiti
  • getElementsByTagNameNS () - Skilar lifandi HTMLC-samsetningu þætti með ákveðnu merkisnafni sem tilheyrir tilteknu nafnrými
  • hasAttribute () - Skilar sönn ef frumefni hefur einhverja eiginleika, annars ósatt
  • hasAttributeNS () - Veitir satt / rangt gildi sem gefur til kynna hvort núverandi þáttur í tilteknu nafnrými hafi tilgreindan eiginleika
  • removeAttribute () - Fjarlægir tiltekinn eiginleika frá frumefni
  • removeAttributeNS () - Fjarlægir tilgreindan eiginleika frá frumefni í ákveðnu nafnrými
  • removeAttributeNode () - Fjarlægir tiltekinn eigindahnút og skilar hnútnum sem var fjarlægður
  • setAttribute () - Stillir eða breytir tilgreindum eiginleikum í tiltekið gildi
  • setAttributeNS () - Bætir við nýjum eiginleikum eða breytir gildi eigindarinnar með tilteknu nafnsrými og nafni
  • setAttributeNode () - Stillir eða breytir tilgreindum eigindahnút
  • setAttributeNodeNS () - Bætir nýjum nafndrifum eigindahnút við frumefni

Vinna með notendavafra

Að auki HTML frumefni er JavaScript einnig hægt að taka tillit til notendavafra og fella eiginleika hans í kóðann.

Eiginleikar glugga

  • lokað - Athugar hvort gluggi hefur verið lokað eða ekki og skilar satt eða ósatt
  • defaultStatus - Stillir eða skilar sjálfgefna textanum á stöðustikuna í glugga
  • skjal - Skilar skjal mótmæla fyrir gluggann
  • rammar - Skilar öllum