JavaScript-funktio- ja funktiolausekkeet (esimerkkejä)

Tässä opetusohjelmassa opit JavaScript-toiminnoista ja funktiolausekkeista esimerkkien avulla.

JavaScript-toiminto

Funktio on koodilohko, joka suorittaa tietyn tehtävän.

Oletetaan, että sinun on luotava ohjelma ympyrän luomiseksi ja värittämiseksi. Voit luoda kaksi toimintoa tämän ongelman ratkaisemiseksi:

  • toiminto piirtää ympyrä
  • toiminto ympyrän värittämiseksi

Monimutkaisen ongelman jakaminen pienemmiksi paloiksi tekee ohjelmastasi helposti ymmärrettävän ja uudelleenkäytettävän.

JavaScriptillä on myös valtava määrä sisäänrakennettuja toimintoja. Esimerkiksi Math.sqrt()on funktio, jolla lasketaan luvun neliöjuuri.

Tässä opetusohjelmassa opit käyttäjän määrittämistä toiminnoista.

Toiminnon julistaminen

Syntaksi funktion julistamiseksi on:

 function nameOfFunction () ( // function body )
  • Funktio ilmoitetaan functionavainsanalla.
  • Funktion nimeämisen perussäännöt ovat samanlaisia ​​kuin muuttujan nimeäminen. On parempi kirjoittaa toiminnolle kuvaava nimi. Jos esimerkiksi funktiota käytetään kahden numeron lisäämiseen, voit nimetä funktion addtai addNumbers.
  • Toimintokappale on kirjoitettu sisään ().

Esimerkiksi,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Funktion kutsuminen

Yllä olevassa ohjelmassa olemme ilmoittaneet funktion nimeltä greet(). Tämän toiminnon käyttämiseksi meidän on kutsuttava sitä.

Näin voit soittaa yllä olevaan greet()toimintoon.

 // function call greet();
Funktion käyttö JavaScriptissä

Esimerkki 1: Näytä teksti

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Tuotos

 Hei siellä!

Toimintoparametrit

Funktio voidaan ilmoittaa myös parametreilla. Parametri on arvo, joka välitetään ilmoitettaessa funktiota.

JavaScript-toiminnon käyttö parametrilla

Esimerkki 2: Toiminto parametrien kanssa

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Tuotos

 Kirjoita nimi: Simon Hello Simon :)

Yllä olevassa ohjelmassa greetfunktio ilmoitetaan nameparametrilla. Käyttäjää pyydetään antamaan nimi. Kun funktiota kutsutaan, funktioon välitetään argumentti.

Huomaa : Kun arvo välitetään ilmoitettaessa funktiota, sitä kutsutaan parametriksi . Ja kun funktiota kutsutaan, välitettyä arvoa kutsutaan argumentiksi .

Esimerkki 3: Lisää kaksi numeroa

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Tuotos

 7 11

In the above program, the add function is used to find the sum of two numbers.

  • The function is declared with two parameters a and b.
  • The function is called using its name and passing two arguments 3 and 4 in one and 2 and 9 in another.

Notice that you can call a function as many times as you want. You can write one function and then call it multiple times with different arguments.

Function Return

The return statement can be used to return the value to a function call.

The return statement denotes that the function has ended. Any code after return is not executed.

If nothing is returned, the function returns an undefined value.

JavaScript-toiminnon käyttö palautuslausekkeella

Esimerkki 4: Kahden luvun summa

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Tuotos

 Syötä ensimmäinen numero: 3.4 Anna toinen numero: 4 Summa on 7,4

Yllä olevassa ohjelmassa funktio palauttaa numeroiden summan returnlauseen avulla. Ja tämä arvo tallennetaan tulosmuuttujaan.

Funktion käytön edut

  • Toiminto tekee koodin uudelleenkäytettäväksi. Voit ilmoittaa sen kerran ja käyttää sitä useita kertoja.
  • Toiminto helpottaa ohjelmaa, koska jokainen pieni tehtävä on jaettu toimintoon.
  • Toiminto lisää luettavuutta.

Funktiolausekkeet

Javascriptissa funktiot voidaan määritellä myös lausekkeina. Esimerkiksi,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Tuotos

 16 9

Yllä olevassa ohjelmassa muuttujaa x käytetään funktion tallentamiseen. Tässä funktiota käsitellään lausekkeena. Ja funktiota kutsutaan muuttujan nimellä.

Yllä olevaa funktiota kutsutaan nimettömäksi funktioksi.

Huomaa: ES2015: ssä JavaScript-lausekkeet kirjoitetaan nuolitoimintoina. Opit niistä myöhemmissä opetusohjelmissa.

Mielenkiintoisia artikkeleita...