Rumah > hujung hadapan web > tutorial js > Penjelasan terperinci tentang Fungsi dalam kemahiran JavaScript_javascript

Penjelasan terperinci tentang Fungsi dalam kemahiran JavaScript_javascript

WBOY
Lepaskan: 2016-05-16 16:12:47
asal
1244 orang telah melayarinya

Fungsi kata kunci digunakan untuk mentakrifkan fungsi.

Salin kod Kod adalah seperti berikut:

//Takrifan deklaratif fungsi:
function funcname([arg1[,args[...,argn]]]){
kenyataan
}
//Takrif ungkapan fungsi:
var funcname = fungsi ([arg1[,args[...,argn]]]){
kenyataan
};

Perhatikan bahawa pendakap kerinting dalam pernyataan fungsi diperlukan, walaupun badan fungsi mengandungi hanya satu pernyataan.

Dalam JavaScript, fungsi ialah contoh khusus kelas Fungsi. Dan semuanya mempunyai sifat dan kaedah yang sama seperti jenis rujukan lain.

Nama fungsi sebenarnya adalah penunjuk kepada objek fungsi, dan fungsi itu boleh digunakan sebagai parameter untuk mengambil bahagian dalam menghantar parameter dan mengembalikan nilai.

Sifat objek bagi fungsi

Oleh kerana fungsi itu adalah contoh Fungsi, dan nama fungsi hanyalah alamat rujukan contoh itu. Oleh itu, ia boleh mengambil bahagian dalam proses lulus parameter fungsi sebagai parameter dan nilai pulangan.

Salin kod Kod adalah seperti berikut:

function call_some_function(some_function, some_argument) {
Kembalikan some_function(some_argument);
}
fungsi tambah_10(bilangan) {
Kembalikan nombor 10;
}
console.log(call_some_function(add_10,20)); //30

Sifat dalaman fungsi

hujah |. ini
•Objek argumen menyimpan parameter yang dihantar ke fungsi
•arguments.length mengembalikan bilangan parameter yang diluluskan dalam
•Nota: Atribut panjang menunjukkan bilangan lalai parameter yang diterima apabila fungsi ditakrifkan. arguments.length mewakili bilangan argumen yang diterima apabila fungsi itu benar-benar dilaksanakan.

Salin kod Kod adalah seperti berikut:

function test_arguments() {
Jika (arguments.length == 2) {
console.log(arguments.length);
console.log(argumen);
} lain {
console.log(arguments.length);
console.log(argumen);
arguments.callee(4, 5);
};
}(1, 2, 3)
/**
 3
{ '0': 1, '1': 2, '2': 3 }
2
{ '0': 4, '1': 5 }
 **/

•arguments.callee() digunakan terutamanya dalam situasi di mana fungsi itu sendiri dipanggil dalam fungsi rekursif. Perbezaan antara js dan bahasa lain ialah nama fungsi hanyalah penunjuk dan boleh ditukar pada bila-bila masa Menggunakan nama fungsi untuk memanggil dirinya dalam fungsi sangat digabungkan dan boleh menyebabkan masalah. ) memanggil sendiri akan mengelakkan masalah ini

Salin kod Kod adalah seperti berikut:

fungsi faktorial(bilangan) {
Jika (bilangan <= 1) {
         kembali 1;
} lain {
Kembalikan nombor * faktorial(bilangan - 1);
};
}
fungsi callee_f(bilangan) {
Jika (bilangan <= 1) {
         kembali 1;
} lain {
Kembalikan num * arguments.callee(num - 1);
};
}
faktorial(10); //Jalankan seperti biasa
f = faktorial;
faktorial = batal;
f(10); //ralat
callee_f(10); //Jalankan seperti biasa
f = callee_f;
callee_f = batal;
f(10); //Jalankan seperti biasa

•Ini digunakan terutamanya untuk membantu fungsi merujuk kepada objek dalam skop fungsi.

Salin kod Kod adalah seperti berikut:

var color = 'merah';
fungsi syaColor() {
console.log(this.color);
}
syaColor(); //merah
var o = Objek baharu();
o.color = 'biru';
o.sayColor = sayColor;
o.sayColor(); //biru

call() und apply()

call() und apply() sind eigene Methoden, die in jeder Funktion enthalten sind. Wie bereits erwähnt, sind Funktionen definierte Objekte. Wenn Sie also eine Funktion aufrufen, handelt es sich in der Funktion um einen Aufruf der aktuellen und nächsten Variablen. Wenn Sie den Domänenraum ändern möchten, in dem die Funktion ausgeführt wird, können Sie dazu call() und apply() verwenden.

Code kopieren Der Code lautet wie folgt:

color = 'rot';
var o = {color: 'blue'};
Funktion sayColor() {
console.log(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(o); //blue

Die Funktionen von app() und call() sind gleich. Der Hauptunterschied liegt in den übergebenen Parametern.

call(this,para1,prar2,prar3) Der erste Parameter ist der Bereich, in dem die Funktion ausgeführt werden soll, und die folgenden Parameter sind die Eingabeparameter der Funktion. Schreiben Sie so viele wie möglich.

apply(this,[para1,para2,prara3]) Der erste Parameter ist auch der Bereich, in dem die Funktion ausgeführt werden soll, gefolgt von einem Array-Array-Objekt.

Der größte Vorteil der Verwendung von call()/apply() zur Erweiterung des Umfangs ist die Entkopplung von Objekten und Methoden.

Eingebaute Objekte

Globales Objekt kann als das äußerste Objekt verstanden werden. Alle Objekte sowie Eigenschaften und Methoden, die nicht zu anderen Objekten gehören, sind im globalen Objekt enthalten.
* isNaN(x) wird verwendet, um zu prüfen, ob der Parameter x eine Zahl ist. Gibt „false“ zurück, wenn es sich um eine Zahl handelt, andernfalls „true“
* isFinite(x) wird verwendet, um zu prüfen, ob der Parameter x unendlich/klein ist. Wenn er unendlich/klein ist, wird true zurückgegeben
* parseInt(x) wird verwendet, um Zeichenfolgen zu analysieren und Ganzzahlen zurückzugeben
* parseFloat(x) wird verwendet, um Zeichenfolgen zu analysieren und Gleitkommazahlen zurückzugeben
* encodeURI() und encodeURIComponent() führen eine spezielle UTF-8-Codierung für die Zeichenfolge durch, um einige Sonderzeichen zu vermeiden, damit der Browser sie verstehen kann. Der Hauptunterschied zwischen ihnen besteht darin, dass encodeURI() keine Sonderzeichen codiert, die selbst URIs sind, während encodeURIComponent() alle gefundenen nicht standardmäßigen Zeichen codiert.

Code kopieren Der Code lautet wie folgt:

var uri = "http://www.wrox.com/illegal value.htm#start";
//http://www.wrox.com/illegal value.htm#start
console.log(encodeURI(uri))
//http://www.wrox.com/illegal value.htm#start
console.log(encodeURIComponent(uri))

•Die entsprechenden Dekodierungsfunktionen sind decodeURI() und decodeURIComponent()
•eval(script) wird verwendet, um den Inhalt des Skripts im Interpreter auszuführen und die entsprechenden Ergebnisse zurückzugeben. Sehr kraftvoll!

Hinweis: Im Browser kapselt das Windows-Objekt das Global-Objekt und übernimmt viele zusätzliche Aufgaben und Funktionen.

Math-Objekt ist ein weiteres integriertes Objekt. Bietet mathematische Berechnungsfunktionen für JavaScript.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er euch gefällt und dass er für euch hilfreich sein kann.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan