
Šiandien mes atskleisime „ Kaip kvadratuoti skaičių „JavaScript“. “. Atkreipkite dėmesį, kad skaičius gali būti pateiktas kaip konstanta, priskirta kintamajam, arba jis gali būti pateiktas dinamiškai naudojant formą.
Mes parašysime bendrą „JavaScript“ programą, kad pakeltume bet kokį skaičių kvadratu, nepaisant to, ar jis teigiamas, ar neigiamas. Pradėkime.
Pats pirmasis žingsnis būtų parašyti pagrindinę JavaScript programos sintaksę. „JavaScript“ paprastai yra HTML dokumento žymos „head“ viduje.
„JavaScript“ sintaksė
Todėl naudosime jį galvos žymos viduje, o ne korpuse. „JavaScript“ prasideda raide a žyma ir baigiasi žyma. Pagrindinė sintaksė pateikta žemiau.
<html> <head> <script> ........................... </script> </head> <body> </body> </html>
Sukurkite funkciją, skirtą skaičiaus kvadratui „JavaScript“.
Mes galime parašyti kvadratinį kodą tiesiai viduje scenarijus žymą, bet geriau sukurti a funkcija ir įrašykite kodą, kurį norite naudoti pakartotinai.
„JavaScript“ funkcija deklaruojama su funkcija, kurią seka funkcijos pavadinimas. Bendra JS funkcijos sintaksė atrodo taip:
function functionName(parameter1, parameter2) { function body; }
Jei išrašysime kvadrato funkciją, ji prasidės nuo raktažodį „funkcija“, o jos pavadinimas gali būti bet koks, tačiau geriau naudoti savaime suprantamus pavadinimus, o mes naudosime pavadinimą „ Kvadratas“.
function Square(parameter1, parameter2) { function body; }
Pagrindinėje sintaksėje mes suteikėme du parametrus, ir tai gali būti bet koks skaičius, priklausomai nuo poreikio.
Parametrai yra reikšmės, perduodamos funkcijai, kad ji galėtų dirbti su jais ir grąžinti rezultatą po skaičiavimo.
Tačiau mūsų tikslas yra sukurti funkciją, kuri priimtų vieną parametrą ir grąžintų nurodyto skaičiaus kvadratinę reikšmę.
Jei bandysime tai suprasti iš savo tikro gyvenimo pavyzdžio, mums bus paprasčiau. Norime apskaičiuoti skaičiaus kvadratą.
Ką reikia pateikti skaičiavimui? Nieko, išskyrus skaičių. Funkcija taip pat gali būti laikoma mašina, kuri ką nors paima, apdoroja ir ką nors išveda.
Šiuo atveju funkcija imsis skaičius kaip įvestį, apdorokite jį ir išveskite Kvadratas numerį. Taigi, parašius mūsų funkcijos parametrą, funkcija būtų maždaug tokia:
function Square(number) { function body; }
Dabar raktinis žodis funkcija nurodo JavaScript, kad ši kodo dalis yra funkcija. Žodis Kvadratas yra funkcijos pavadinimas, kurį pasirinkome šiai funkcijai, ir tai gali būti ne viskas, kas geriau paaiškinama.
Skliaustelinė dalis, pažymėta ( ) apima reikšmę, kurią suteikiame proceso funkcijai, ir mes ją taip pat įvardijame. Tai vadinama a kintamasis nes jis gali turėti skirtingas vertes.
Čia mes pavadinome kintamąjį kaip a numerį nes tai savaime aišku; kitaip jis gali turėti bet ką. Po to turime breketus žymimas { } ; jie tiesiog uždaro funkcijos kūną.
Kūnas e funkcijos yra tik kodas, kuris apdoroja nurodytą reikšmę. Iki šiol aptarėme visas JS funkcijos dalis, o dabar išsamiai išmoksime funkcijos turinį.
Kai gauname skaičių kvadratui, ką turėtume daryti arba įsivaizduoti, kai duosime skaičių į mašininį skaičiuotuvą?
Kas tai turėtų būti padaryta? Skaičiuoklė paima vartotojo įvestą informaciją ir grąžina reikšmę iš karto po to, kai paspaudžiamas vienodo ženklo mygtukas.
Čia mes darysime tą patį naudodami „JavaScript“ kalbą. Pažiūrėkime, ką turime, kai prasidėjo JavaScript funkcija. Funkcijos pradžioje, kai kompiliatorius nuskaito kodą.
Mes jau žinome, kad funkcija raktinis žodis tiesiog pasakys, kad ši kodo dalis yra funkcija, kurią pakeičia funkcijos pavadinimas ir skaičius skliausteliuose, su kuriais reikia dirbti, ir galiausiai kodo turinys skliaustuose .
Ką daro kompiliatorius
Kai kompiliatorius pradeda skaityti kodą, jis gauna pirmąjį riestinį skliaustą, o tada rado skaičių, saugomą kintamojo viduje numerį dirbti.
Kaip kvadratuoti skaičių
Kurį laiką nepastebėkime programavimo ir pagalvokime, kaip galime kvadratuoti skaičių arba kvadratinį vidurkį? Kai skaičius padauginamas iš paties skaičiaus, gaunama kvadratinė reikšmė.
Todėl galime jį apibrėžti tiesiog sakydami skaičiaus kvadratas = skaičius padauginti iš to paties skaičiaus .
Kaip padauginti „JavaScript“.
Taigi „JavaScript“ reiškia daugybą su simboliu * kad aukščiau pateiktas teiginys būtų toks skaičiaus kvadratas = skaičius * skaičius .
Čia, = ženklas vadinamas priskyrimo operatoriumi ir jam priskiriama reikšmė iš dešinės į kairę, nesvarbu, ar tai būtų viena pastovi reikšmė, kintamasis ar išraiška.
Išraiška būtų įvertinta pirmiausia, tada ji bus priskirta kintamajam kairėje. Tikiuosi, kad dabar supratome pagrindinę skaičiaus kvadratūros koncepciją ir dabar galime ją įdiegti į „JavaScript“. Kodas bus maždaug toks:
function Square(number) { var Square; Square = number * number; return Square; }
Kaip supaprastinti „JavaScript“ sintaksę
Leiskite supaprastinti aukščiau pateiktą fragmentą. Ką mes padarėme iš linijos buvo kvadratas; iš tikrųjų paskelbėme kintamąjį norimo skaičiaus kvadratui saugoti.
Tada mes priskyrėme aikštę į jį naudodami teiginį kvadratas = skaičius * skaičius; atkreipkite dėmesį, kad kiekvienas JavaScript teiginys baigiasi kabliataškiu.
Paskutinėje eilutėje gali būti iškeltas klausimas. Koks yra naudojimo tikslas grįžti aikštė; ? Grąžiname saugomą vertę kvadratas kintamasis nuo funkcijos.
Tai tarsi mes kažką atiduodame mašinai, o mašinos grąžina kažką kitokia forma. Lyg mes tiekiame grūdus malimo mašinai, o ji – miltus.
Čia grūdai yra kintamasis numerį suteikiame funkcijai, ir ji grąžins kintamajame saugomą reikšmę kvadratas, kuris yra duoto skaičiaus kvadratas. Pažiūrėkime visą programą HTML kode.
<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('kvadratas').innerHTML = Kvadratas(4); , ši eilutė iš tikrųjų nurodo HTML elementą su Id „kvadratas“ ir jo turinys pakeičiamas funkcijos rezultatu.
Šioje būsenoje vis tiek negauname pakeitimų savo naršyklėje, nes galvoje paskelbėme funkciją, bet bandome pakeisti HTML žymos turinį organizme.
Naršyklė nuskaito kodą iš kairės į dešinę ir iš viršaus į apačią, taigi, kai skaito eilutę document.getElementById('kvadratas').innerHTML = Kvadratas(4); jis nežino žymos su ID 'kvadratas' .
Paprastas sprendimas yra tiesiog perkelti „JavaScript“ dalį į kodo pabaigą po