Javascript mendeklarasikan dan memanggil fungsi

Question

Fungsi sangat penting dan berguna dalam bahasa pemrograman apa pun karena membuat kode dapat digunakan kembali Fungsi adalah blok kode yang akan dieksekusi hanya jika dipanggil. Jika Anda memiliki beberapa baris kode yang perlu digunakan beberapa kali, Anda dapat membuat fungsi yang menyertakan baris kode berulang, lalu memanggil fungsi tersebut di mana pun Anda mau

Table of Contents Show

Cara Membuat Fungsi di JavaScript
Fungsi dengan Argumen
Nilai Pengembalian JavaScript
Bagaimana Anda mendeklarasikan dan memanggil fungsi dalam JavaScript?
Bagaimana cara memanggil fungsi dalam JavaScript?
Bagaimana Anda memanggil fungsi setelah mendeklarasikannya?
Bagaimana Anda mendeklarasikan fungsi dalam JavaScript?

Dalam tutorial ini, Anda akan belajar-

Cara Membuat Fungsi di JavaScript

Gunakan kata kunci fungsi diikuti dengan nama fungsinya
Setelah nama fungsi, tanda kurung buka dan tutup
Setelah tanda kurung, buka dan tutup kurung kurawal
Di dalam kurung kurawal, tulis baris kode Anda

Sintaksis

function functionname()

{

  lines of code to be executed

}

Coba ini sendiri

<html>
<head>
	<title>Functions!!!</title>
	<script type="text/javascript">
      function myFunction()
      {
      	document.write("This is a simple function.<br />");
      }
		myFunction();
	</script>
</head>
<body>
</body>
</html>

_

Fungsi dengan Argumen

Anda juga dapat membuat fungsi dengan argumen. Argumen harus ditentukan dalam tanda kurung

Sintaksis

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Coba ini sendiri

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		function countVowels(name)
		{
			for (var i=0;i<name.length;i++)
			{
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
              count = count + 1;
			}
		document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
		}
   	 	var myName = prompt("Please enter your name");
    	countVowels(myName);
	</script>
</head>
<body>
</body>
</html>

Nilai Pengembalian JavaScript

Anda juga dapat membuat fungsi JS yang mengembalikan nilai. Di dalam fungsi, Anda perlu menggunakan kata kunci return diikuti dengan nilai yang akan dikembalikan

Pemanggilan Fungsi JavaScript digunakan untuk mengeksekusi kode fungsi dan biasanya menggunakan istilah "panggil fungsi" alih-alih "panggil fungsi". Kode di dalam suatu fungsi dijalankan ketika fungsi dipanggil.

Nama argumen yang akan diteruskan ke fungsi. Jumlah maksimum argumen bervariasi di mesin yang berbeda

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

1 Opsional

Pernyataan yang terdiri dari tubuh fungsi

Fungsi yang dibuat dengan deklarasi fungsi adalah objek Function dan memiliki semua properti, metode, dan perilaku objek Function. Lihat Function_ untuk informasi rinci tentang fungsi

Fungsi juga dapat dibuat menggunakan ekspresi (lihat ekspresi fungsi)

Secara default, fungsi mengembalikan

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

5. Untuk mengembalikan nilai lain, fungsi harus memiliki pernyataan

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

6 yang menentukan nilai yang akan dikembalikan

Peringatan. Dalam mode non-ketat, deklarasi fungsi di dalam blok berperilaku aneh. Deklarasikan fungsi dalam blok hanya jika Anda dalam mode ketat

Fungsi dapat dideklarasikan secara kondisional — yaitu, pernyataan fungsi dapat disarangkan dalam pernyataan

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

7. Namun, dalam mode non-ketat, hasilnya tidak konsisten di seluruh implementasi

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

_

Efek pelingkupan dan pengangkatan tidak akan berubah terlepas dari apakah badan

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (false) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

7 benar-benar dieksekusi

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
if (true) {
  function foo() { return 1; }
}

// In Chrome:
// 'foo' name is global. typeof foo is undefined
//
// In Firefox:
// 'foo' name is global. typeof foo is undefined
//
// In Safari:
// 'foo' name is global. typeof foo is function

Dalam mode ketat, deklarasi fungsi tingkat blok dicakup ke blok itu dan diangkat ke bagian atas blok

"use strict";

{
  foo(); // Logs "foo"
  function foo() {
    console.log("foo");
  }
}

console.log(`'foo' name ${"foo" in globalThis ? "is" : "is not"} global. typeof foo is ${typeof foo}`);
// 'foo' name is not global. typeof foo is undefined

Deklarasi fungsi dalam JavaScript diangkat ke bagian atas fungsi terlampir atau cakupan global. Anda dapat menggunakan fungsi sebelum Anda mendeklarasikannya

hoisted(); // Logs "foo"

function hoisted() {
  console.log('foo');
}

Perhatikan bahwa ekspresi fungsi tidak diangkat

notHoisted(); // TypeError: notHoisted is not a function

var notHoisted = function() {
  console.log('bar');
};

Kode berikut mendeklarasikan fungsi yang mengembalikan jumlah total penjualan, jika diberikan jumlah unit yang terjual dari tiga produk

Bagaimana Anda mendeklarasikan dan memanggil fungsi dalam JavaScript?

Gunakan kata kunci function diikuti dengan nama fungsinya . Setelah nama fungsi, tanda kurung buka dan tutup. Setelah tanda kurung, buka dan tutup kurung kurawal. Di dalam kurung kurawal, tulis baris kode Anda.

Bagaimana cara memanggil fungsi dalam JavaScript?

Jika Anda memiliki fungsi yang disimpan dalam variabel, Anda dapat memanggilnya dengan menggunakan nama variabel diikuti dengan tanda kurung . Anda juga dapat memanggil fungsi menggunakan metode apply() atau call(). Ini memungkinkan Anda untuk menentukan nilai this di dalam fungsi.

Bagaimana Anda memanggil fungsi setelah mendeklarasikannya?

Fungsi yang dideklarasikan dapat dipanggil melalui namanya ditambah daftar argumen . Daftar argumen harus dilampirkan dalam (). Kami sering menyebutnya sebagai passing argumen (atau passing parameter). Setiap argumen nilai tunggal sesuai dengan (diteruskan ke) sebuah parameter.

Bagaimana Anda mendeklarasikan fungsi dalam JavaScript?

Fungsi JavaScript didefinisikan dengan kata kunci fungsi, diikuti dengan nama, diikuti dengan tanda kurung () . Nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda dolar (aturan yang sama dengan variabel). Tanda kurung dapat menyertakan nama parameter yang dipisahkan dengan koma. (parameter1, parameter2,. )

kode javascript