Wie funktioniert der JavaScript-Operator „new“?

Das Rätsel des „neuen“ JavaScript-Operators lösen

In den Tiefen der Komplexität von JavaScript verbirgt sich ein mysteriöses Konstrukt, das vor allem für sein verblüffendes Potenzial bekannt ist: der „neue“ Operator. Seine unklaren Funktionsweisen stehen neben der Prototypenkette und lassen viele im Labyrinth des Codes verloren.

Eintauchen in den Mechanismus des neuen Operators

Um die Geheimnisse des „Neuen“ zu enthüllen "-Operator, lassen Sie uns seine komplizierten Vorgänge analysieren:

• Er manövriert die interne [[Construct]]-Methode, eine unsichtbare Kraft in JavaScript.
• [[Construct]] erstellt akribisch ein makelloses Objekt mit nativen Eigenschaften.
• Es folgt ein subtiler Tanz, bei dem der [[Prototyp]] des Objekts an den Funktionsprototyp gebunden wird. Sofern der Funktion kein Objektprototyp fehlt (was sie auf primitive Werte verbannt), greift Object.prototype freundlicherweise ein, um das Objekt zu führen.
• Der „neue“ Operator orchestriert dann einen großen Aufruf der Funktion und verleiht ihr die frisch erstelltes Objekt als seinen „diesen“ Wert.
• Es entsteht ein entscheidender Punkt: Wenn die Funktion einen primitiven Wert liefert, steht das intern erzeugte Objekt im Mittelpunkt. Wenn jedoch ein Objekt zurückgegeben wird, gerät das ursprüngliche Objekt leider in Vergessenheit.

Eine alternative Linse

Um weiteres Licht auf das rätselhafte „Neue“ zu werfen Lassen Sie uns eine alternative Implementierung untersuchen, die seine Aktionen widerspiegelt:

<code class="javascript">function NEW(f) {
  var obj, ret, proto;

  // Prototype verification
  proto = Object(f.prototype) === f.prototype ? f.prototype : Object.prototype;

  // Object inheritance from `proto`
  obj = Object.create(proto);

  // Function invocation with object as "this"
  ret = f.apply(obj, Array.prototype.slice.call(arguments, 1));

  // Object return
  if (Object(ret) === ret) {
    return ret;
  }
  return obj;
}

// Demonstration:
function Foo(arg) {
  this.prop = arg;
}
Foo.prototype.inherited = 'baz';

var obj = NEW(Foo, 'bar');
console.log(obj.prop); // 'bar'
console.log(obj.inherited); // 'baz'
console.log(obj instanceof Foo); // true</code>

Dieser Code dient als Leuchtfeuer und beleuchtet, wie der „neue“ Operator seine Aufgaben hinter den Kulissen gewissenhaft erfüllt.

Das obige ist der detaillierte Inhalt vonWie funktioniert der JavaScript-Operator „new“?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!