Javascript mengirim parameter ke fungsi

Pada artikel ini, kita akan melihat bagaimana javascript melewati referensi atau nilai bekerja dan perbedaan antara kedua metode tersebut

Daftar isi

• Pengantar javascript lewat referensi dan lewat nilai
• Javascript lulus dengan referensi
• Javascript melewati nilai
• Kata-kata Perpisahan

Pengantar javascript lewat referensi dan lewat nilai

Sebelum terjun ke fungsi javascript pass by reference atau pass by value, penting untuk memahami perbedaan antara primitif dan objek

Nilai-nilai primitif

Ini adalah nilai paling dasar yang dapat dipikirkan seseorang, yang meliputi, undefined, null, boolean, string, dan angka. Nilai primitif diteruskan oleh nilai dalam javascript

Sedangkan semua objek (termasuk fungsi) dilewatkan dengan referensi dalam javascript

Mari kita pahami apa itu pass by reference dan pass by value sebelum melihat contoh

Javascript lulus dengan referensi

Dalam Pass by Reference, suatu fungsi dipanggil dengan langsung meneruskan referensi/alamat variabel sebagai argumen. Mengubah argumen di dalam fungsi memengaruhi variabel yang dikirimkan dari luar fungsi. Dalam objek dan array Javascript dilewatkan dengan referensi

//javascript pass by reference
function callByReference(varObj) {

    console.log("Inside Call by Reference Method");

    varObj.a = 100;

    console.log(varObj);

}

let varObj = {
    a: 1
};

console.log("Before Call by Reference Method");

console.log(varObj);

callByReference(varObj)

console.log("After Call by Reference Method");

console.log(varObj);
}

Keluaran

Before Call by Reference Method
{a: 1}

Inside Call by Reference Method
{a: 100}

After Call by Reference Method
{a: 100}

Javascript melewati nilai

Dalam javascript pass by value, fungsi dipanggil dengan langsung meneruskan nilai variabel sebagai argumen. Oleh karena itu, bahkan mengubah argumen di dalam fungsi tidak memengaruhi variabel yang dikirimkan dari luar fungsi

Penting untuk dicatat bahwa dalam javascript, semua argumen fungsi selalu diteruskan dengan nilai. Yaitu, JavaScript menyalin nilai dari variabel yang lewat ke dalam argumen di dalam fungsi

//javascript pass by value
function square(x) {

    x = x * x;

    return x;

}

var y = 10;

var result = square(y);

console.log(y); // 10 -- no change
console.log(result); // 100 

Penjelasan Kode

Seperti yang Anda lihat di sini, setelah kita meneruskan variabel y ke kotak fungsi, nilai y disalin ke variabel x dengan javascript (karenanya diteruskan dengan nilai)

Perhatikan bahwa meneruskan argumen fungsional dengan nilai tidak berdampak pada variabel asli itu sendiri, seperti saat Anda membuat variabel baru (y dalam kasus ini) dan menetapkannya ke nilai variabel lain (x), tempat lain di memori terpisah . Jadi, berdasarkan nilai, salin nilai variabel asli (a) ke dalam dua tempat terpisah di memori

Di sisi lain, dalam hal ini jika kita melewatkan variabel y dengan referensi, maka nilainya akan berubah menjadi 100, karena dalam referensi, fungsi mengambil variabel asli itu sendiri dan menggunakannya dalam fungsi daripada menggunakan salinan dari

Kata-kata Perpisahan

Saat membandingkan kedua fungsi, yaitu javascript pass by reference, pass by value, kita dapat melihat bahwa SEMUA objek berinteraksi dengan referensi di Javascript, jadi saat menyetel sama satu sama lain atau meneruskan ke suatu fungsi, semuanya menunjuk ke lokasi yang sama jadi saat Anda mengubah . Ini adalah perbedaan yang mencolok dibandingkan dengan nilai yang diteruskan, di mana fungsi nilai yang diteruskan menyalin nilai ke dalam dua titik terpisah dalam memori secara efektif menjadikannya entitas yang sepenuhnya terpisah meskipun satu awalnya ditetapkan sama dengan yang lain

Di sini, Anda melihat beberapa contoh terbaik tentang cara meneruskan parameter dalam fungsi JavaScript dari Html

Selain itu, jelaskan secara detail apa itu parameter fungsi dan beberapa argumen yang diteruskan dengan event onClick menggunakan fungsi JavaScript

function MyFunctionName( parameter, parameter ){
   // Here this is your function code
}

Misalnya, Anda melihat contoh fungsi di atas dengan dua parameter yang lewat. Serta, diberikan contoh beberapa argumen fungsi yang diteruskan menggunakan javascript ke dalam Html

Daftar isi

Cara Melewati Parameter dalam Fungsi JavaScript Dari Html

	


Click

Karenanya, kami harus menunjukkan contoh untuk meneruskan parameter dalam fungsi JavaScript dari Html. Di sini, struktur Html dalam struktur Html ini. Juga, saya menambahkan tag skrip untuk menggunakan fungsi JavaScript

Pertama, melihat kode ini memiliki tombol dan di tombol ini. Sertakan elemen acara fungsi JavaScript dari onClick()

Yang terpenting, bagian utama yang ingin Anda ketahui tentang parameternya

Jadi, ada kita melewati satu parameter dalam fungsi JavaScript menggunakan fungsi onClick tombol Html

Setelah itu, berikan argumen dengan fungsi event onClick. Kemudian kami mengimplementasikan kode skrip fungsi ini di bagian tubuh di bawah ini

Kedua, sebutkan di skrip tag fungsi coll dan kemudian dapatkan parameter. Jadi, tunjukkan hasil parameter fungsi dengan kotak peringatan dari nilai argumen

Oleh karena itu, kita bisa mendapatkan parameter dengan cara yang berbeda menggunakan elemen javascript. Sertakan juga fungsionalitas lain untuk menyimpan parameter sebagai variabel

Apa itu Parameter Fungsi

Di sini, kami menjelaskan apa itu parameter fungsi dalam JavaScript. Jadi, seperti yang kita ketahui tentang parameter

Secara umum, nilai elemen seperti nama beberapa jenis nilai lainnya yang menentukan nilai tertentu. yang merupakan parameter fungsi

function myfunctionName( parameters ){
	/// pass any values 
}

Karenanya, Anda dapat melihat parameter fungsi menggunakan javascript. Ada hal lain yang dapat ditentukan sebagai pengganti parameter. Seperti nama kunci apa pun yang ingin Anda tunjukkan kepada kerabat proyek Anda

Selain itu, Anda dapat dikumpulkan ke fungsi argumen, baik argumen fungsi yang sama. parameter dalam semua bahasa pemrograman

Sekarang, kami mendefinisikan parameter yang diteruskan ke fungsi javascript di klik dan. apa parameternya di bagian ini sekarang itu

Meneruskan Banyak Parameter ke Fungsi JavaScript onClick

Demikian pula, jika suatu fungsi mendefinisikan beberapa argumen, lewati seperti kita mendefinisikan satu parameter ke bagian di atas. Jadi, kita bisa menambahkan beberapa parameter dengan bantuan koma

	


	

	Click

Akibatnya, ketika Anda menjalankan kode ini kemudian menunjukkan hasil. Dengan beberapa argumen lulus dari Html menggunakan tombol onClick

Setelah itu, ada define dan undefined keduanya adalah parameter yang meneruskan fungsi dari Html. Juga, nyatakan hasil menggunakan dokumen javascript dengan id melalui kode run

Jadi, jika Anda ingin menambahkan kondisi apa pun dalam fungsi untuk mendapatkan argumen dan mengimplementasikannya. Itu sebagai nama dan usia nilai default tambahan yang sama

Demikian pula, dapat menambahkan lebih dari dua atau tiga nilai melewati parameter pada fungsi

Meneruskan Parameter dalam Acara onClick JavaScript

Dalam paragraf ini, kami mendeklarasikan event JavaScript onClick dengan fungsi dari parameter yang lewat

Omong-omong, sudah tentukan cara menyampaikan argumen dan. Selain itu, beberapa parameter lolos dengan bantuan event onClick

Metode utama untuk menentukan untuk menerapkan fungsi acara onClick. Karena ada beberapa parameter yang telah ditentukan sebelumnya. Seperti yang kita butuhkan dan melalui acara onClick ini berikan nilai argumen ini

Click

Setelah itu, Anda melihat implementasi acara onClick ini. Jadi, itu dapat menerima nilai dan nilai numerik. Selain itu, dapat melewati semua jenis nilai menggunakan fungsi onClick cara ini

Jadi, ini adalah konsep utama bagaimana melewatkan parameter dalam fungsi javascript dari Html

Fungsi JavaScript Tanpa Parameter dan Cara Melewati Parameter di Fungsi JavaScript Dari Html

Jika Anda menginginkan fungsi tanpa parameter. Jadi, mungkin saat menjalankan kode Anda ingin mendeklarasikan fungsi

	


	

	Click

Di sini, nyatakan tanpa parameter dalam fungsi Javascript. Jadi, tidak ada jenis nilai yang hanya membatalkan fungsi

Tetap saja, saya menambahkan teks string untuk ditentukan dalam fungsi. Karena itu menunjukkan hasil bagaimana cara kerja fungsi

Jadi, Anda dapat menerapkan metode ini di halaman Anda dan belajar dengan berbagai cara. Juga, pelajari bagian utama JavaScript yaitu validasi Email dalam javascript

Kesimpulan

Akhirnya, saya mendeklarasikan semua jenis metode cara melewatkan parameter dalam fungsi javascript dari Html

Namun, jika Anda memiliki pertanyaan tentang hal ini, Anda dapat menanyakan semuanya kepada kami. Jadi, kirimkan pertanyaan Anda di bagian komentar kami

Jika Anda ingin melihat lebih banyak konsep fungsi javascript itu cara kerja dan penerapannya. Selain itu, kami mendefinisikan semua poin langkah demi langkah yang dikunjungi dan dipelajari oleh situs web kami. Juga, format tanggal Javascript mm-dd-yyyy

Bagaimana Anda meneruskan parameter ke suatu fungsi dalam JavaScript?

Bagaimana Anda meneruskan parameter ke suatu fungsi?

Bagaimana Anda meneruskan parameter agar berfungsi tanpa menyebutnya js?

Bagaimana cara meneruskan string agar berfungsi dalam JavaScript?