JavaScript: Fungsi, Ungkapan Fungsi, Objek, Kaedah, dan ini-tutorial js-php.cn

JavaScript: Fungsi, Ungkapan Fungsi, Objek, Kaedah, dan ini

王林

Lepaskan： 2024-08-07 10:43:23

asal

886 orang telah melayarinya

JavaScript: Functions, Function Expressions, Objects, Methods, and this

Fungsi Asas Mudah

Berikut ialah fungsi mudah yang tidak memerlukan hujah:

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

hello();

Salin selepas log masuk

Berikut ialah fungsi yang mengambil satu hujah:

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

greet('Megan');

Salin selepas log masuk

Kita boleh mempunyai lebih daripada satu hujah seperti berikut:

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

greetFullName('Megan', 'Paffrath');

Salin selepas log masuk

Ungkapan Fungsi

Ekspresi fungsi hanyalah cara lain untuk menulis fungsi. Mereka masih berfungsi dengan cara yang sama seperti di atas:

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

square(2); // 4

Salin selepas log masuk

Fungsi Pesanan Tinggi

Fungsi ini beroperasi dengan/pada fungsi lain, mungkin ia:

terima fungsi lain sebagai hujah
kembali fungsi

Contoh fungsi yang mengambil fungsi lain sebagai hujah ialah:

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

Salin selepas log masuk

Contoh fungsi mengembalikan fungsi ialah:

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();

Salin selepas log masuk

Satu lagi (contoh yang lebih berguna) ialah:

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

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

Salin selepas log masuk

Kaedah

Kita boleh menambah fungsi sebagai sifat pada objek (ini dipanggil kaedah).

Cth:

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

Salin selepas log masuk

ini

'ini' kebanyakannya digunakan DALAM kaedah objek. Ia digunakan untuk merujuk sifat objek.

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

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

Salin selepas log masuk

Perhatikan, di luar objek, 'ini' merujuk kepada objek tetingkap peringkat atas. Untuk melihat kandungan ini, masukkan ini dalam konsol. Fungsi am juga disimpan dalam objek ini:

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

this.howdy(); // HOWDY

Salin selepas log masuk

Atas ialah kandungan terperinci JavaScript: Fungsi, Ungkapan Fungsi, Objek, Kaedah, dan ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!