JavaScript: Funktionen, Funktionsausdrücke, Objekte, Methoden und das

Einfache Grundfunktion

Hier ist eine einfache Funktion, die keine Argumente akzeptiert:

function hello() {
  console.log('Hello there stranger, how are you?');
}

hello();

Hier ist eine Funktion, die ein Argument akzeptiert:

function greet(person) {
  console.log(`Hi there ${person}.`);
}

greet('Megan');

Wir können wie folgt mehr als ein Argument haben:

function greetFullName(fName, lName) {
  console.log(`Hi there ${fName} ${lName}.`);
}

greetFullName('Megan', 'Paffrath');

Funktionsausdrücke

Funktionsausdrücke sind nur eine andere Art, Funktionen zu schreiben. Sie funktionieren immer noch auf die gleiche Weise wie oben:

const square = function(x) {
   return x * x;
};

square(2); // 4

Funktionen höherer Ordnung

Diese Funktionen arbeiten mit/auf anderen Funktionen, vielleicht:

• Andere Funktionen als Argumente akzeptieren
• eine Funktion zurückgeben

Ein Beispiel für eine Funktion, die eine andere Funktion als Argument verwendet, ist:

function callTwice(func) {
  func();
  func();
}

let laugh = function () {
  console.log('haha');
};

callTwice(laugh);
// haha
// haha

function rollDie() {
  const roll = Math.floor(Math.random() * 6) + 1;
  console.log(roll);
}

callTwice(rollDie);
// random number
// random number

Ein Beispiel für eine Funktion, die eine Funktion zurückgibt, ist:

function makeMysteryFunc() {
  const rand = Math.random();
  if (rand > 0.5) {
    return function () {
      console.log('You win');
    };
  } else {
    return function () {
      alert('You have been infected by a computer virus');
      while (true) {
        alert('Stop trying to close this window.');
      }
    };
  }
}

let returnedFunc = makeMysteryFunc();
returnedFunc();

Ein weiteres (nützlicheres Beispiel) ist:

function makeBetweenFunc(min, max) {
  return function (num) {
    return num >= min && num <= max;
  };
}

const isBetween = makeBetweenFunc(100, 200);
// isBetween(130); // true
// isBetween(34); // false

Methoden

Wir können Funktionen als Eigenschaften zu Objekten hinzufügen (diese werden Methoden genannt).

Beispiel:

const myMath = {
  PI: 3.14,
  square: function (num) {
    return num * num;
  },
  // note the 2 diff ways of defining methods
  cube(num) {
    return num ** 3;
  },
};

Das

'this' wird meist INNERHALB von Objektmethoden verwendet. Es wird verwendet, um auf Eigenschaften des Objekts zu verweisen.

const person = {
  first: 'Abby',
  last: 'Smith',
  fullName() {
    return `${this.first} ${this.last}`;
  },
};

person.fullName(); // "Abby Smith"
person.lastName = 'Elm';
person.fullName(); // "Abby Elm"

Beachten Sie, dass sich „this“ außerhalb von Objekten auf das Fensterobjekt der obersten Ebene bezieht. Um zu sehen, was dieser enthält, geben Sie dies in die Konsole ein. Auch allgemeine Funktionen werden in diesem Objekt gespeichert:

// defined on its own (outside of an object)
function howdy() {
  console.log('HOWDY');
}

this.howdy(); // HOWDY

Das obige ist der detaillierte Inhalt vonJavaScript: Funktionen, Funktionsausdrücke, Objekte, Methoden und das. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!