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
function parameters javascript
Click
function myfunctionName[a]{
alert[a];
}
_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
multiple parameters function javascript
Click
function myfunctionName[ name,age ]{
document.getElementById["result"].innerHTML += name;
document.getElementById["ageshow"].innerHTML += age;
}
_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
WWithhout parameters function javascript
Click
function myfunctionName[ ]{
document.getElementById["ageshow"].innerHTML += 'Hello This is my Function output';
}
_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