Erläuterung häufiger Probleme mit JS-Funktionen

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 valley

2. 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);
结果为：2910

3 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);    //所以输出为3

6.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);    //输出100

9.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);             //输出10

10.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结果为：10987654320

function 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!