Perusteet opetusohjelma HTML, CSS ja JavaScript

Tehokkaat koostetut määräykset JavaScriptissä

Kaikki oppaan videot HTML:n, CSS:n ja JavaScriptin perusteet tutoriaali

JavaScriptin ohjelmoinnissa kohtaat usein erilaisia tapoja arvojen määrittämiseen ja muuttamiseen. Etenkin käytännöllinen käsite ovat niin sanotut "compound assignments" eli yhdisteyt määrittelyt. Ne auttavat tekemään koodista selkeämpää, lyhyempää ja ytimekkäämpää. Tässä oppaassa opit, mitä yhdisteyt määrittelyt ovat, miten niitä käytetään menestyksekkäästi ja mitä etuja niistä on.

Tärkeimmät havainnot

Jokainen määrittelyoperaattori voidaan korvata yhdistetyllä operaattorilla, joka tekee koodista luettavampaa ja tehokkaampaa. Yleisimmät operaattorit ovat yhteenlasku, vähennyslasku, kertolasku, jakolasku ja modulo. Näiden operaattoreiden tunnistaminen ja käyttäminen vähentää koodin laajuutta ja välttää redundanssia.

Askeltava opas

Ensin haluamme selventää, mitä yhdisteyt määrittelyt tarkalleen ottaen ovat. Oleellisesti kyse on yhdistelmästä operaattoria ja määrittelyä, joka mahdollistaa arvon muuttamisen ja tallentamisen samanaikaisesti.

Vaihe 1: Ensimmäinen määrittely Ensimmäiseksi luomme muuttujan x ja asetamme sen arvoon 5. Tämä on lähtöarvo, jonka kanssa työskennellään. Voit liittää tämän koodin JavaScript-ympäristöösi:

let x = 5;

Tehokkaat koostetut osoitukset JavaScriptissä

Vaihe 2: Ensimmäinen arvon lisääminen Oletetaan, että haluat nyt lisätä arvon x:ään 10. Tällöin järkevä koodi olisi:

x = x + 10; Tämä rivi määrittelee tuloksen, kun 10 lisätään alkuperäiseen x-muuttujaan. Voit testata tätä tulosta selaimessa.

Tehokkaat yhdistetyt laskentatehtävät JavaScriptissä

Vaihe 3: Yhdisteyt määrittelyt yhteenlaskussa Sen sijaan, että käyttäisit tätä pidempää syntaksia, voit käyttää yhdisteyt määrittelyä:

x += 10; Tämä lyhennys on paitsi lyhyempi, myös parantaa koodisi luettavuutta. Kun päivität koodin ja tarkistat sen selaimessa, näet, että muuttujan arvo on nyt 15.

Tehokkaat yhdistetyt osoitukset JavaScriptissä

Vaihe 4: Vähentäminen Yhdisteyt määrittelyt toimivat myös muilla matemaattisilla operaattoreilla, kuten vähentämisessä. Kuvitellaan, että haluat vähentää muuttujan arvoa 5:llä. Sen sijaan, että käyttäisit x = x - 5;, voit kirjoittaa:

x -= 5; Tarkista x:n uusi arvo.

Vaihe 5: Kertolasku ja jakolasku Sama pätee kertolaskuun ja jakolaskuun. Sen sijaan, että hakisit uutta arvoa:

x = x * 2; käytät yksinkertaisesti:

x *= 2; tai jakamiselle:

x /= 2;

Käytä myös tässä yhdisteitä määrittelyjä uudelleen ja tarkista tulokset.

Vaihe 6: Modulo-laskenta Toinen hieno työkalu on modulo-operaattori. Esimerkiksi, jotta voit tarkistaa, onko luku pariton vai parillinen, voit tehdä seuraavaa:

let isEven = x % 2; Käyttääksesi tätä määrittelyn kanssa:

isEven %= 2; Tarkista lausekkeen tulos, jossa isEven voi olla 0 tai 1.

Tehokkaat yhdessä käytetyt määräykset JavaScriptissa

Vaihe 7: Inkrementti-operaattori Yksi yleinen käyttötapa on inkrementti-operaattori. Voit myös lisätä x:ää suoraan 1:llä käyttämällä:

x++; tai voit myös käyttää esimerkiksi x += 1;.

Yhteenveto - Yhdisteyt määrittelyt JavaScriptissä

Yhdisteiden määrittelyjen käyttö JavaScriptissä mahdollistaa koodisi merkittävän yksinkertaistamisen ja jäsentelyn. Olet oppinut, että nämä periaatteet ovat sovellettavissa ei vain yhteenlaskussa, vaan myös muissa matemaattisissa operaatioissa, kuten vähennyslaskussa, kertolaskussa, jakolaskussa ja modulossa. Näiden määrittelyoperaattoreiden käyttö tekee koodistasi ei vain lyhyempää vaan myös luettavampaa.

Usein kysytyt kysymykset

Mitkä ovat yhdisteyt määrittelyt?Yhdisteyt määrittelyt yhdistävät laskentaoperaattorin arvon määrittelyyn.

Kuinka yhdisteyt määrittelyt esitetään yhteenlaskussa?Sen sijaan, että käyttäisit x = x + 10;, käytät x += 10;.

Voinko käyttää yhdisteitä määrittelyjä kaikkien laskentaoperaattoreiden kanssa?Kyllä, ne toimivat yhteenlaskussa, vähennyslaskussa, kertolaskussa, jakolaskussa ja modulossa.

Mitä tapahtuu, jos yhdistän inkrementti-operaattorin yhdisteyn määrittelyn kanssa?Voit käyttää x++; tai x += 1;, jotta arvo lisääntyy yhdellä.

Onko tapauksia, joissa en pitäisi käyttää yhdisteitä määrittelyjä?Käyttö riippuu koodin luettavuudesta; joskus selkeä määrittely voi olla parempi vaihtoehto.

274