Dapatkah fungsi javascript mengembalikan nilai?

Fungsi JavaScript dapat memiliki pernyataan pengembalian opsional i. e. itu opsional untuk mengembalikan nilai. Pernyataan ini harus menjadi pernyataan terakhir dalam suatu fungsi

Misalnya, Anda dapat meneruskan dua angka dalam suatu fungsi dan kemudian Anda dapat mengharapkan fungsi mengembalikan perkaliannya ke program pemanggilan Anda

Contoh

Coba contoh berikut. Ini mendefinisikan fungsi yang mengambil dua parameter dan menggabungkannya sebelum mengembalikan resultan dalam program pemanggilan

Salah satu tugas mendasar dengan JavaScript adalah bagaimana menulis dan memanggil fungsi dalam kode Anda. Ini mungkin tampak seperti hal yang sederhana, dan pada dasarnya memang demikian, namun ada beberapa tip dan trik yang dapat Anda gunakan untuk membantu membuat penggunaan Fungsi JavaScript Anda lebih mudah dan lebih intuitif. Artikel ini membawa Anda melalui dasar-dasar pemanggilan fungsi dalam kode Anda, dan beberapa tip dan trik lebih lanjut untuk menulis fungsi JavaScript yang lebih baik yang dapat membantu meningkatkan pengkodean JavaScript Anda ke tingkat berikutnya

Cara memanggil fungsi dalam JavaScript

Memanggil fungsi (alias metode) dalam JavaScript mirip dengan bahasa pemrograman lain yang menggunakan sintaks seperti C. Cukup panggil fungsi dengan nama, lalu berikan parameter yang diperlukan dalam daftar yang dibatasi koma yang diapit tanda kurung

Untuk menempatkan ini dalam contoh bagus yang dapat dengan mudah divisualisasikan, mari kita ambil fungsi

sayHello("Chris");

sayHello("Chris");

function sayHello(name) {
    // implementation code here
}

Untuk memanggil fungsi ini, Anda cukup memanggilnya langsung dengan nama, lalu berikan nilai parameternya

sayHello("Chris");

Sekarang, jika Anda memiliki fungsi yang perlu Anda panggil yang tidak memiliki parameter apa pun, Anda dapat memanggilnya dengan cara yang sama. Fungsi tanpa parameter apa pun dapat dipanggil dengan menghilangkan parameter apa pun, dan memanggilnya dengan cara yang sama

sayHello();

Jika fungsi menerima banyak parameter, maka Anda dapat memanggilnya dengan cara yang sama dengan semua nilai parameter sebagai daftar yang dipisahkan koma

sayHello("Chris", "Pietschmann", 42);

Contoh sebelumnya ini menerima tiga parameter. Dua yang pertama adalah nilai string, sedangkan parameter ketiga menerima angka

Panggil fungsi JavaScript dengan nilai pengembalian

Sementara parameter digunakan untuk meneruskan satu atau beberapa nilai ke dalam fungsi JavaScript, Anda juga dapat menggunakan nilai kembalian untuk meneruskan nilai dari fungsi tersebut. Fungsi dapat menggunakan pernyataan

sayHello("Chris");

Berikut adalah contoh fungsi JavaScript dengan nilai kembalian

function multiply(a, b) {
    // simple example that multiplies two numbers
    var c = a * b;
    return c;
}

Fungsi ini dapat dipanggil menggunakan metode yang sama seperti fungsi lainnya. Dengan hanya memanggilnya dengan cara yang sama, Anda akan mengabaikan nilai yang dikembalikan, dan melanjutkan

// call function and ignore return value
multiply(6, 7);

Jika Anda perlu menangkap nilai pengembalian dari fungsi, maka Anda dapat menetapkan hasilnya ke variabel. Variabel kemudian akan berisi nilai yang dikembalikan dari fungsi setelah eksekusi

var c = multiply(6, 7);

Setelah nilai pengembalian ditangkap ke dalam variabel, variabel tersebut kemudian dapat digunakan seperti variabel lainnya. Anda dapat menggunakan nilainya secara langsung dalam kode ini untuk sesuatu, atau bahkan meneruskannya sebagai parameter ke fungsi lain

Jika nilai kembalian suatu fungsi hanya akan digunakan sebagai parameter masukan dari fungsi lain, Anda dapat meneruskan nilai kembalian langsung ke parameter fungsi. Hal ini dilakukan dengan meletakkan pemanggilan fungsi dalam daftar parameter dari pemanggilan fungsi lainnya, sama seperti Anda menggunakan variabel

Berikut adalah contoh meneruskan variabel sebagai parameter ke pemanggilan fungsi, dan contoh lain yang meneruskan nilai kembalian fungsi secara langsung ke parameter fungsi lain

// pass return value as parameter to another function call
var c = multiply(6, 7);
var d = multiply(c, 8);

// pass return value directly as parameter to another function call
var d = multiply(multiply(6, 7), 8);
// here's the same broken out to multiple lines for readability
var d = multiply(
    multiply(6, 7),
    9
);

Melewati Fungsi sebagai Parameter

JavaScript adalah bahasa pemrograman fungsional. Ini berarti bahwa fungsi juga merupakan variabel. Hasilnya, Anda juga dapat meneruskan fungsi sebagai parameter ke fungsi lain. Ini menawarkan beberapa manfaat fleksibilitas yang besar untuk penggunaan kembali kode, rekursi, dan manfaat pemrograman fungsional lainnya

Berikut adalah contoh meneruskan fungsi sebagai parameter ke fungsi lain yang dibuat berdasarkan contoh fungsi

sayHello("Chris");

// function that accepts a function as an input parameter
function doMath(operation, a, b) {
    // call the parameter function
    // and return the result
    return operation(a, b);
}

// let's call this function
var c = doMath(multiply, 6, 7);

Metode Objek JavaScript

Menjadi sedikit lebih berorientasi objek (OOP JavaScript lengkap adalah diskusi untuk artikel lain), Anda dapat memiliki objek JavaScript dengan properti dan metodenya sendiri. Metode-metode ini juga merupakan fungsi. Berada di objek, dan ketika dipanggil langsung memiliki akses ke objek menggunakan kata kunci

sayHello("Chris");

sayHello("Chris");

Berikut adalah contoh mendefinisikan objek JavaScript yang memiliki beberapa properti dan metode

// object definition
var author = {
    firstName: "Chris",
    lastName: "Pietschmann",
    favoriteNumber: 2063,

    getFullName: function () {
        return this.firstName + " " + this.lastName;
    }
};

// call the getFullName method on the object
var fullName = author.getFullName();
// return value is "Chris Pietschmann"

Aktifkan Fungsi JavaScript menggunakan metode sayHello(); 1

Jika Anda memiliki objek JavaScript yang memiliki properti dan metodenya sendiri, Anda juga dapat memanggil metode tersebut menggunakan metode

sayHello();

sayHello();

sayHello("Chris");

sayHello("Chris");

Berikut adalah contoh penggunaan metode

sayHello();

sayHello();

sayHello();

sayHello("Chris");

Berikut adalah contoh mendefinisikan fungsi baru yang tidak ada sebagai metode objek, lalu memanggilnya dengan konteks kata kunci

sayHello("Chris");

sayHello("Chris");

Metode

sayHello();

sayHello("Chris");

sayHello();

Berikut contoh lain yang menerima nilai parameter

sayHello("Chris");

Fungsi sebagai Nilai Pengembalian Fungsi

Ini mungkin terdengar membingungkan pada awalnya. Fungsi JavaScript dapat diteruskan sebagai nilai kembalian dari fungsi lain. Ini dapat mengarah ke beberapa skenario yang lebih maju, dan berguna untuk mengetahui apakah itu mungkin. Terutama jika Anda menggunakan pustaka JavaScript atau paket NPM yang memiliki metode / fungsi yang mengembalikan fungsi sebagai hasilnya untuk digunakan nanti

Berikut adalah contoh definisi fungsi yang mengembalikan fungsi sebagai nilai kembalian dari fungsi itu sendiri

sayHello("Chris");

Sekarang memanggil fungsi ini akan mengembalikan fungsi, bukan jenis nilai lainnya. Contoh sebelumnya tidak mengembalikan

sayHello("Chris", "Pietschmann", 42);

Sekarang, mari kita panggil fungsi yang dikembalikan dari fungsi lain untuk mendapatkan hasil akhir yang dikembalikan

sayHello("Chris");

Kesimpulan

Memanggil fungsi JavaScript pada awalnya sederhana, tetapi Anda dapat melihat ada sejumlah teknik pemrograman fungsional yang dapat digunakan. Saat Anda lebih memahami bahwa Fungsi JavaScript adalah objek, mirip dengan string dan angka, maka Anda memiliki pengetahuan untuk menulis kode JavaScript yang lebih baik

Tentunya teknik ini membantu jika Anda sedang menulis pustaka JavaScript, kerangka kerja, atau paket NPM baru. Namun, mengetahui teknik ini juga akan membantu Anda menggunakan pustaka, kerangka kerja, dan paket NPM lainnya dengan lebih baik dalam kode Anda sendiri

Bisakah Anda mengembalikan nilai dari suatu fungsi?

Apakah JavaScript mengembalikan nilai atau referensi?

Bisakah fungsi mengembalikan data?