Während des Lernens stoßen wir häufig auf Probleme mit der Javascript-Funktion, die in diesem Artikel erläutert werden.
Was ist der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck?
Funktionsausdruck und Funktionsdeklarationsanweisung enthalten denselben Funktionsnamen und beide erstellen neue Funktionsobjekte. Ihr Unterschied liegt hauptsächlich in der Variablenförderung sind unterschiedlich
Der von der Funktion deklarierte Funktionsname ist eine Variable, und die Variable zeigt auf das Funktionsobjekt. Variablenförderung ist der Variablen- und Funktionskörper der Funktion.
Der Funktionsausdruck wird über var zugewiesen und die gesamte Funktion wird einer neuen Variablen zugewiesen. Die Variable wird auf einen neuen Variablennamen heraufgestuft und der Funktionsinitialisierungscode bleibt an seiner ursprünglichen Position.
Was ist eine variable Vordeklaration? Was ist die Vordeklaration einer Funktion?
Die Vordeklaration einer Variablen
console.log(a);var a = 1; 结果为underfined
Die Vordeklaration einer Variable verwendet standardmäßig diesen Code:
var a; //Vor der Variablendeklaration setze console.log(a);
a = 1;
Stellen Sie die Deklaration der Funktion voran
a()function a(){console.log ("hello") }Der Standardcode für die Die Deklaration der Funktion lautet:
function a(){ //将函数声明提升console.log ("hello") }a()
arguments 是什么arguments ist ein Array-ähnliches Objekt, das die bei der Ausführung der Funktion übergebenen Parameter speichert. Sie können Argumente in der Funktion verwenden, um die Parameter aller Funktionen abzurufen.
Der folgende Code:
function say(name,sex,age){ console.log(arguments);
}console.log('name:jiuyi',"sex:男",'age:54')
结果为："name:jiuyi""sex:男""age:54"So implementieren Sie die Funktionsüberladung
Es gibt kein Konzept der Funktionsüberladung in JS. Die nachfolgende neue Funktion überschreibt sogar die vorherige Funktion mit demselben Namen wenn die Parameter unterschiedlich sind.
function p(a,b,c) {
console.log(a+b+c);
}
function p(a,b) {
console.log(a+b);
} console.log(p('hello','jiuyi','yes')); console.log(p('hello'))
结果为： "hellojiuyi"
"helloundefined"Wie aus der obigen Abbildung ersichtlich ist, deckt die letztere P-Funktion die obere P-Funktion ab.
Was ist der Funktionsausdruck für die sofortige Ausführung? Was macht es?
Das sofortige Ausführen eines Funktionsausdrucks bedeutet, dass die gesamte Funktionsdeklaration mit () umschlossen wird, um ein Funktionsausdruck zu werden, und dann den Parametern folgend, wird die Funktion sofort ausgeführt.
function ( ){ }Die Funktionsdeklaration wird in ( function (){ }) ( ) konvertiert
Funktion:
Generiert seinen eigenen Bereich und unabhängige lokale Variablen, ohne durch Variablenheraufstufung gestört zu werden. Reduzieren Sie die Möglichkeit von Konflikten zwischen internen Variablen und externen Variablen. Die Variablen werden nach der Ausführung zerstört.
Was ist die Gültigkeitsbereichskette einer Funktion?
In JS ist sie in globale Variablen und lokale Variablen unterteilt, auf die innerhalb der Funktion zugegriffen werden kann, auf lokale Variablen innerhalb der Funktion jedoch nicht Auf sie kann außerhalb der Funktion zugegriffen werden. Wenn sie sich innerhalb einer Funktion befindet, wird zunächst gesucht, ob die Variable in diesem Bereich definiert ist. Andernfalls wird auf der nächsten Ebene gesucht, bis die erforderliche Variable gefunden wird. Wenn es in der globalen Variablen nicht gefunden wird, wird ein Fehler gemeldet. Versuchen Sie, lokale Variablen zu verwenden, um Interferenzen mit externen Variablen zu vermeiden.
1. Codeausgabe
function getInfo(name, age, sex){ console.log('name:',name); console.log('age:', age); console.log('sex:', sex); console.log(arguments); //代表实际参数，所以输出实际参数内容
arguments[0] = 'valley';//name赋值为valley
console.log('name', name);//所以这里参数输出为valley
}
getInfo('hunger', 28, '男');
getInfo('hunger', 28);
getInfo('男');
结果为：
name: hunger
age: 28
sex: 男
["hunger", 28, "男"]
name valley
name: hunger
age: 28sex: undefined
["hunger", 28]
name valley
name: 男
age: undefined
sex: undefined["男"]
name valley2. Schreiben Sie eine Funktion, die die Summe der Quadrate der Parameter zurückgibt
function sumOfSquares(){ var x = 0; for(var i = 0;i<arguments.length;i++){
x = x + arguments[i]*arguments[i]
} console.log(x)
}
sumOfSquares(2,3,4);
sumOfSquares(1,3);
结果为：29103 Was ist die Ausgabe des folgenden Codes? Warum
console.log(a); //Die Ausgabe ist unterdefiniert, da JS globale Variablen heraufstufen wird, a wird nur deklariert, aber nicht zugewiesen var a = 1; //Fehler wird gemeldet, weil b Undeclared Unassigned
4. Was ist die Ausgabe des folgenden Codes? Warum ist das Ergebnis von
sayName('world');
sayAge(10); function sayName(name){ console.log('hello ', name);
} var sayAge = function(age){
console.log(age);
};:
hello world //Da die Funktionsdeklarationspräfixfunktion sayName(name) nach oben befördert wird, hat sayName eine Deklaration und einen Inhalt. Fehlerbericht // Da die Variablendeklaration, der var sayAge vorangestellt ist, nach oben verschoben wird und die Funktion sayAge nicht deklariert ist, wird ein Fehler gemeldet.
5. Was ist die Ausgabe des folgenden Codes? Warum
function fn(){}
var fn = 3; console.log(fn);
相当于： var fn； function fn(){} ；
fn = 3; console.log(fn); //所以输出为36.Die Ausgabe des folgenden Codes? Warum
function fn(fn2){ console.log(fn2); //输出 function fn2(){ console.log('fnnn2');}
var fn2 = 3; console.log(fn2); //输出3
console.log(fn); //输出 function fn(fn2){ console.log(fn2); var fn2 = 3; console.log(fn2); console.log(fn); function fn2(){ console.log('fnnn2'); } } fn(10);
function fn2(){
console.log('fnnn2'); //不输出，函数未调用
}
}
fn(10);
相当于：var fn2； //声明前置function fn(fn2){
function fn2(){ //函数声明前置
console.log('fnnn2'); //此函数不输出，未调用
}
console.log(fn2); // 调用的其实是函数fn2
fn2 = 3;
console.log(fn2); // 此时fn2已被赋值为3
console.log(fn); //调用的其实是fn整个函数}
fn(10);7. Die Ausgabe des folgenden Codes? Warum
var fn = 1; function fn(fn){ console.log(fn);
} console.log(fn(fn)); //结果报错，变量提升，fn为1，直接调用1出错结果相当于： var fn; function fn(fn){ console.log(fn);
}
fn = 1; console.log(fn(fn));8.Die Ausgabe des folgenden Codes? Warum
console.log(j); //变量提升输出undefined
console.log(i); //变量提升输出undefinedfor(var i=0; i<10; i++){ //i循环后结果为10var j = 100;
} console.log(i); //输出10
console.log(j); //输出1009.Die Ausgabe des folgenden Codes? Warum
fn(); var i = 10; var fn = 20; console.log(i); function fn(){ console.log(i); var i = 99;
fn2(); console.log(i); function fn2(){
i = 100;
}
}
代码相当于：var i;
var fn;function fn(){
var i ; function fn2(){
i = 100;
} console.log(i); //只有声明未赋值输出underfined
i = 99;
fn2(); //经过运行I=100
console.log(i); //输出100}
fn();
i = 10;
fn = 20;console.log(i); //输出1010.Die Ausgabe des folgenden Codes? Warum
var say = 0;
(function say(n){ console.log(n); if(n<3) return;
say(n-1);
}( 10 )); console.log(say);-Code äquivalent ist zu: var say;
(function say(n){ console.log(n); if(n<3) return;
say(n-1);
}( 10 ));
say = 0; console.log(say); //输出为0结果为：10987654320function say ist eine Funktion zur sofortigen Ausführung und die Ausführungsergebnisse sind 10, 9, 8, 7, 6, 5 , 4, 3 , 2. Schließlich wird say ein Wert von 0 zugewiesen, sodass die Ausgabe 0 ist
In diesem Artikel werden häufig auftretende Probleme mit js-Funktionen erläutert. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
Erklärung von JavaScript-bezogenen Funktionen
Erklärung von JQuery-DOM und Ereignissen
Einige verwandte modulare Grundlagen
Das obige ist der detaillierte Inhalt vonErläuterung häufiger Probleme mit JS-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
