Tänään valaistamme ' Kuinka neliöttää luku JavaScriptissä '. Huomaa, että numero voidaan antaa muuttujalle määritettynä vakiona tai se voidaan antaa dynaamisesti lomakkeella.
Kirjoitamme yleisen JavaScript-ohjelman neliöimään minkä tahansa luvun riippumatta siitä, onko se positiivinen vai negatiivinen. Aloitetaan.
Aivan ensimmäinen askel olisi kirjoittaa JavaScript-ohjelman perussyntaksi. JavaScript sijaitsee yleensä HTML-dokumentin head-tunnisteen sisällä.
JavaScript-syntaksi
Siksi käytämme sitä head-tunnisteen sisällä kehon sijaan. JavaScript alkaa kirjaimella a tag. Perussyntaksi on annettu alla.
<html> <head> <script> ........................... </script> </head> <body> </body> </html>
Luo funktio luvun neliöimiseksi JavaScriptissä
Voimme kirjoittaa neliönmuotoisen koodin suoraan sisään käsikirjoitus -tunniste, mutta on parempi luoda a toiminto ja kirjoita sisään koodi käytettäväksi uudelleen.
JavaScript-funktio on ilmoitettu funktiolla, jota seuraa funktion nimi. JS-funktion yleinen syntaksi näyttää seuraavalta:
function functionName(parameter1, parameter2)
{
function body;
}
Jos kirjoitamme neliöfunktion, se alkaa merkillä avainsana 'toiminto', ja sen nimi voi olla mikä tahansa, mutta on parempi käyttää itsestään selittäviä nimiä, ja käytämme nimeä ' Neliö'.
function Square(parameter1, parameter2)
{
function body;
}
Perussyntaksin sisällä olemme antaneet kaksi parametria, jotka voivat olla mikä tahansa numero tarpeesta riippuen.
Parametrit ovat arvoja, jotka välitetään funktiolle niiden käsittelemiseksi ja tuloksen palauttamiseksi laskennan jälkeen.
Tavoitteemme on kuitenkin luoda funktio, joka hyväksyy yhden parametrin ja palauttaa annetun luvun neliön arvon.
hunter x hunter ääninäyttelijät
Jos yritämme ymmärtää sen tosielämän esimerkistämme, se on meille yksinkertaisempaa. Haluamme laskea luvun neliön.
Mitä laskentaa varten on annettava? Ei muuta kuin numero. Funktiota voidaan myös ajatella koneena, joka ottaa jotain, käsittelee sen ja tuottaa jotain.
Tässä tapauksessa toiminto kestää numero syötteenä, käsittele se ja tulosta Neliöity määrä. Joten funktiomme parametrin kirjoittamisen jälkeen funktio olisi jotain tällaista:
function Square(number)
{
function body;
}
Nyt avainsana toiminto kertoo JavaScriptille, että tämä koodin osa on funktio. sana Neliö on funktion nimi, jonka olemme valinneet tälle funktiolle, ja tämä voi olla kaikkea muuta kuin paremmin itsestään selvää.
Suluissa oleva osa on merkitty ( ) sisältää arvon, jonka annamme prosessifunktiolle, ja annamme sille myös nimen. Tätä kutsutaan a muuttuja koska sillä voi olla erilaisia arvoja.
Tässä olemme nimenneet muuttujan nimellä a määrä koska tämä on itsestään selvää; muuten sillä voi olla mitä tahansa. Sen jälkeen meillä on henkselit merkitty { } ; nämä vain sulkevat sisäänsä toiminnon rungon.
Vartalo e-funktiosta on vain koodi, joka käsittelee annettua arvoa. Tähän mennessä olemme keskustelleet kaikista JS-funktion osista, ja nyt aiomme oppia funktion rungon yksityiskohtaisesti.
Kun saamme luvun neliöintiä varten, mitä meidän pitäisi tehdä tai kuvitella, kun annamme luvun konemaiselle laskimelle?
Mitä sen pitäisi tehdä? Laskin ottaa syötteen käyttäjältä ja palauttaa arvon välittömästi tasa-arvoisen painikkeen painamisen jälkeen.
Tässä teemme saman asian JavaScript-kielellä. Tarkastellaan, mitä meillä on, kun JavaScript-toiminto käynnistyi. Toiminnon alussa, kun kääntäjä lukee koodin.
Tiedämme jo, että toiminto avainsana kertoo vain, että tämä koodinpätkä on funktio, jota seuraa funktion nimi ja sitten numero suluissa, joita käsitellään, ja lopuksi koodin runko aaltosulkeissa .
Mitä kääntäjä tekee
Kun kääntäjä alkaa lukea koodia, se saa ensimmäisen aaltosulkeen ja sitten se löysi muuttujan sisään tallennetun luvun määrä työskennellä jonkin parissa.
Kuinka neliöttää numero
Jätetään ohjelmointi vähäksi aikaa huomiotta ja mietitään, kuinka voimme neliöidä luvun tai neliökeskiarvon? Kun luku kerrotaan itse luvulla, muodostuu neliöarvo.
Siksi voimme määritellä sen yksinkertaisesti sanomalla luvun neliö = luku kerrotaan samalla luvulla .
Kuinka kertoa JavaScriptissä
Siksi JavaScript edustaa kertolaskua symbolin kanssa * jotta yllä oleva lause olisi sellainen numeron neliö = luku * luku .
Tässä, = -merkkiä kutsutaan osoitusoperaattoriksi ja sille annetaan oikealla ja vasemmalla oleva arvo, olipa kyseessä sitten yksi vakioarvo, muuttuja tai lauseke.
Lauseke arvioitaisiin ensin, sitten se määritetään vasemmalla olevaan muuttujaan. Toivon, että nyt ymmärsimme luvun neliöimisen peruskäsitteen, ja nyt voimme toteuttaa sen JavaScriptiin. Koodi tulee olemaan jotain tällaista:
function Square(number)
{
var Square;
Square = number * number;
return Square;
}
Kuinka yksinkertaistaa JavaScript-syntaksia
Yksinkertaistakaamme yllä olevaa katkelmaa. Mitä olemme tehneet linjalta oli neliö; olemme itse asiassa ilmoittaneet muuttujan halutun luvun neliön tallentamiseksi.
Sitten olemme määrittäneet neliön siihen käyttämällä lausetta neliö = numero * numero; Huomaa, että jokainen JavaScript-lause päättyy puolipisteeseen.
Viimeisellä rivillä voisi olla kysymys. Mikä on käytön tarkoitus paluu Square; ? Palautamme tallennetun arvon neliö muuttuja funktiosta.
On kuin me annamme jotain koneelle ja koneet antavat jotain takaisin eri muodossa. Kuten me tarjoamme jyviä hiomakoneeseen, ja se tarjoaa meille jauhoja.
Tässä jyvät ovat muuttuja määrä annamme funktiolle, ja se palauttaa muuttujaan tallennetun arvon neliö, joka on annetun luvun neliö. Katsotaanpa koko ohjelma HTML-koodin sisällä.
<html>
<head>
<script>
function Square(number)
{
var Square;
Square = number * number;
return Square;
}
document.getElementById("square").innerHTML = Square(4);
</script>
</head>
<body>
<p id ="square"></p>
</body>
</html>
document.getElementById('neliö').innerHTML = Neliö(4); , tämä rivi viittaa itse asiassa HTML-elementtiin Id 'neliö' ja muuttaa sen sisältö funktion tulokseksi.
Tässä tilassa emme vieläkään saa muutoksia selaimeemme, koska olemme ilmoittaneet funktion päähän, mutta yritämme muuttaa HTML-tunnisteen sisältöä kehossa.
Selain lukee koodin vasemmalta oikealle ja ylhäältä alas niin kun se lukee riviä document.getElementById('neliö').innerHTML = Neliö(4); se ei tiedä tunnistetta tunnuksella 'neliö' .
Yksinkertainen ratkaisu on siirtää JavaScript-osa koodin loppuun koodin