Objek fungsi JavaScript digunakan untuk mendefinisikan sepotong kode JavaScript. Kode ini dapat dipanggil dalam kode JavaScript jika diperlukan
Dapat dibuat oleh konstruktor fungsi
Kode yang didefinisikan oleh suatu fungsi dapat dipanggil oleh function()
Properti Objek Fungsi Javascript
NameDescriptionVersionargumentsLarik yang sesuai dengan argumen yang diteruskan ke suatu fungsi. Diimplementasikan dalam JavaScript 1. 1 argumen. calleeMerujuk fungsi yang sedang dijalankan. Diimplementasikan dalam JavaScript 1. 1 argumen. lengthMengacu jumlah argumen yang ditentukan untuk suatu fungsi. Diimplementasikan dalam JavaScript 1. 1constructorMenentukan fungsi yang membuat objek. Diimplementasikan dalam JavaScript 1. 1panjangJumlah argumen yang ditentukan oleh fungsi. Diimplementasikan dalam JavaScript 1. 1prototypeMemungkinkan penambahan properti ke objek Fungsi. Diimplementasikan dalam JavaScript 1. 1
Metode Objek Fungsi Javascript
NameDescriptionVersioncallIzin untuk memanggil metode objek lain dalam konteks objek yang berbeda (objek pemanggil). Diimplementasikan dalam JavaScript 1. 1toSourceMengembalikan kode sumber fungsi. Diimplementasikan dalam JavaScript 1. 1toStringMengembalikan string yang mewakili kode sumber fungsi. Diimplementasikan dalam JavaScript 1. 1valueOfReturns string yang mewakili kode sumber fungsi. Diimplementasikan dalam JavaScript 1. 1Properti argumen JavaScript. Objek Fungsi
Array argumen adalah variabel lokal yang tersedia di dalam semua objek fungsi sebagai argumen fungsi;
Larik ini berisi entri untuk setiap argumen yang diteruskan ke fungsi
Misalnya, jika suatu fungsi melewati tiga argumen, Anda bisa merujuk ke argumen sebagai berikut
argumen[0]
argumen[1]
argumen[2]
Array argumen juga dapat dideklarasikan dengan nama fungsi
myfunc. argumen[0]
myfunc. argumen[1]
myfunc. argumen[2]
Di mana myfunc adalah nama fungsinya
Larik argumen hanya tersedia di dalam badan fungsi. Mencoba mengakses larik argumen di luar deklarasi fungsi menghasilkan kesalahan
Anda dapat menggunakan array argumen jika Anda memanggil fungsi dengan lebih banyak argumen daripada yang secara formal dinyatakan untuk diterima. Teknik ini berguna untuk fungsi yang dapat melewatkan sejumlah variabel argumen. Anda dapat menggunakan argumen. length untuk menentukan jumlah argumen yang diteruskan ke fungsi, lalu memproses setiap argumen dengan menggunakan array argumen
Array argumen memiliki tiga properti. argumen. callee, argumen. penelepon, argumen. panjangnya
Catatan. argumen. properti pemanggil menentukan nama fungsi yang memanggil fungsi yang sedang dijalankan. Properti tidak digunakan lagi
Argumen JavaScript. properti callee. Objek Fungsi
Argumen. properti callee merujuk fungsi yang sedang dijalankan. Ini hanya tersedia di dalam tubuh fungsi
Sintaksis
arguments.calleeContoh
Dalam argumen dokumen web berikut. properti callee digunakan untuk menghitung faktorial dari angka yang memanggil fungsi faktorial()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Argumen JavaScript. Properti panjang. Objek Fungsi
Argumen. length menentukan jumlah argumen yang ditentukan untuk suatu fungsi
Sintaksis
arguments.lengthContoh Objek Fungsi. argumen. Properti panjang
Dokumen web berikut menunjukkan penggunaan argumen. properti panjang
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.length property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.length property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function rglength(x,y,z) { return ; } alert('No. of arguments passed in the function : '+rglength.length) //]]> </script> </body> </html>Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Properti konstruktor JavaScript. Objek Fungsi
Properti konstruktor menentukan fungsi yang membuat objek
Sintaksis
constructor _Penggunaan
Fungsiku. konstruktor
Fungsiku. Nama fungsi (Wajib)
Contoh
Dokumen web berikut menunjukkan bagaimana properti konstruktor digunakan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - constructor property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : constructor property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ myfunction = new Function("Orange", "Apple", "Banana"); document.write("The object is constructed from : "+myfunction.constructor); //]]> </script> </body> </html>Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Properti panjang JavaScript. Objek Fungsi
Properti length menentukan jumlah argumen yang ditentukan oleh fungsi
Sintaksis
length _Penggunaan
Fungsiku. panjangnya
Fungsiku. Nama fungsi (Wajib)
Contoh
Dokumen web berikut menunjukkan bagaimana properti length digunakan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - length property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : length property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function rglength(x,y,z) { return ; } alert('No. of arguments passed in the function : '+rglength.length) //]]> </script> </body> </html>Lihat contoh di browser
Properti Prototipe JavaScript. Objek Fungsi
Prototipe digunakan untuk menambahkan properti dan metode baru ke objek
Sintaksis
myobj.prototype.name = value_myobj. Nama objek fungsi konstruktor yang ingin Anda ubah
nama. Nama properti atau metode yang akan dibuat
nilai. Nilai yang awalnya ditetapkan ke properti atau metode baru
Jika Anda menambahkan properti ke prototipe untuk suatu objek, maka semua objek yang dibuat dengan fungsi konstruktor objek tersebut akan memiliki properti baru tersebut, bahkan jika objek tersebut sudah ada sebelum Anda membuat properti baru tersebut
Contoh
Dalam dokumen web berikut, sebuah metode telah ditambahkan yang mengembalikan nama lengkap seseorang
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - prototype property example</title> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function my_name(first_name, last_name) { this.first_name = first_name; this.last_name = last_name; } function full_name() { final_name = this.first_name +' ' + this.last_name return final_name; } //]]> </script> </head> <body> <h1 style="color: red">JavaScript Function object : prototype property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ my_name.prototype.fullname = full_name; var a = new my_name("David", "Rayy"); var b = a.fullname( ); document.write("Name : "+b); //]]> </script> </body> </html> _Lihat contoh di browser
Panggilan JavaScript() Metode. Objek Fungsi
Metode call() dari objek fungsi digunakan untuk memanggil (mengeksekusi) metode objek lain
Sintaksis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _0Parameter
ini. Parameter untuk objek panggilan
argumen1, argumen2,. Argumen untuk objek
Contoh
Dokumen web berikut menunjukkan bagaimana metode call() dapat digunakan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _1Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Metode JavaScript ke Sumber(). Objek Fungsi
Metode toSource() mengembalikan string yang mewakili kode sumber untuk fungsi tersebut
Sintaksis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _2Parameter
Tidak ada
Contoh
Dalam dokumen web berikut metode toSource() mengembalikan kode sumber dari fungsi karyawan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _3Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Metode JavaScript toString(). Objek Fungsi
Metode toString() mengembalikan string yang mewakili kode sumber untuk fungsi tersebut
Sintaksis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _4Parameter
Tidak ada
Contoh
Dalam dokumen web berikut metode toString() mengembalikan sebuah string yang mewakili kode sumber dari fungsi Test()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _5Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Nilai JavaScript() Metode. Objek Fungsi
Metode valueOf() mengembalikan string yang mewakili kode sumber fungsi
Sintaksis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _6Parameter
Tidak ada
Contoh
Dokumen web berikut menunjukkan penggunaan metode valueOf()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>JavaScript Function object - arguments.callee property example</title> </head> <body> <h1 style="color: red">JavaScript Function object : arguments.callee property</h1> <hr /> <script type="text/javascript"> //This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ function factorial(n){ if (n <= 0) return 1; else return arguments.callee(n - 1) } document.write(factorial(4)); //]]> </script> </body> </html> _7Lihat contoh di browser
Peramban yang Didukung
Internet Explorer 7Firefox 3. Safari Google Chrome 5. 0. 1Opera 10YaYaYaYaYa
Editor Latihan Online
Lihat Pen javascript-common-editor oleh w3resource (@w3resource) di CodePen
Lihat juga
Objek inti JavaScript, metode, properti
Sebelumnya. Nilai JavaScript() Metode. Objek Tanggal
Lanjut. Objek Matematika Javascript - Properti dan Metode
Uji keterampilan Pemrograman Anda dengan kuis w3resource
Ikuti kami di Facebook dan Twitter untuk pembaruan terbaru.
JavaScript. Kiat Hari Ini
Memformat Kode JSON
Anda pasti sudah familiar dengan JSON. merangkai sekarang. Tetapi apakah Anda sadar bahwa Anda dapat memformat output Anda dengan menggunakan stringify ?
Metode stringify mengambil tiga input. Nilai , pengganti , dan spasi. Dua yang terakhir adalah parameter opsional. Itu sebabnya kami tidak menggunakannya sebelumnya. Untuk mengindentasi JSON kita, kita harus menggunakan parameter spasi