Detaillierte Interpretation der vier Existenzformen von JavaScript-Funktionen (grafisches Tutorial)

Jetzt bringe ich Ihnen einen Artikel über die vier Existenzformen von JavaScript-Funktionen. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

Vier Funktionsformen:

1. Funktionsform

2. Die Methodenform weist jemandem eine Funktion zu eines Objekts wird als Methode

3 bezeichnet. Konstruktorform

4. Funktionsform:

rrree2. Methodenform:

var foo = function() {
  alert(this);       //this是window
};

rree3. Konstruktor (Konstruktor) var p = new Person();

1 Objekt und öffnet Platz

2. Übergeben Sie die Referenzadresse des Objekts an die Funktion und verwenden Sie diese, um es in der Funktion zu empfangen

3 Die Konstruktormethode endet und gibt diese zurück

o = {};
o.foo = foo;  //将函数foo赋值给对象o的foo属性
o.foo();    //弹出的是object，此时的this表示object

var lib = {
  test:function() {
    alert(this);     //此处的this表示object（lib对象本身）
    //var that = this;  //要想匿名函数中this表示lib对象，可以这样
    (function() {
     alert(this);    //此处的匿名函数不属于lib对象，所以this的任然表示window
    })();
  }
};
lib.test();

Die geänderten Dinge sind: Der Konstruktor ändert den Rückgabewert der Funktion. Wenn der Rückgabewert der Funktion ein Objekt ist, wird er entsprechend dem Rückgabewert zurückgegeben Rückgabewert und direkt zurückgeben;

4. Kontextaufrufmodusfunktion

.apply

(object, [parameter list])

var Person = function() {
  this.age = 19;
  this.name = "Mr靖";
  return "{}";
};
var p = new Person();
alert(p.name);  //弹出的是undefined，由于函数返回的是一个对象，所以直接将这个对象返回给person，而忽略age，name属性

function

.call

(Objekt, Parameterliste);

var Person = function() {
  this.age = 19;
  this.name = "Mr靖";
  return 123;
};
var p = new Person();
alert(p.name); 　　 //弹出“Mr靖”，由于返回值不是对象，所以直接忽略返回值
alert(p);      //弹出object

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Erfahren Sie mehr über den grundlegenden Inhalt von JavaScript-Array-Objekten

So verwenden Sie die JavaScript-Auswertung( ) funktionieren korrekt

Nativer JavaScript-AJAX-Implementierungscode für dreistufige Verknüpfung

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation der vier Existenzformen von JavaScript-Funktionen (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!