Fikiran selepas membaca 'Pengaturcaraan Fungsional JavaScript'_kemahiran javascript

Artikel ini merekodkan beberapa perkara yang telah saya fahami semasa mempelajari ungkapan berfungsi, untuk mendalami ingatan saya dan menyusun serta merekodkannya untuk semakan kemudian.

Saya membuat keputusan apabila saya melihat buku "JavaScript Functional Programming" pada pra-jualan baru-baru ini. Tujuan utamanya ialah saya masih tidak faham apa itu pengaturcaraan berfungsi. Dalam proses pembelajaran saya sendiri, saya selalu mendengar orang di sekeliling saya bercakap tentang pengaturcaraan berorientasikan proses dan pengaturcaraan berorientasikan objek, tetapi terdapat sangat sedikit pengaturcaraan berfungsi. Untuk tidak ketinggalan daripada pelajar lain, saya ingin berkongsi dan merekodkan ilmu yang saya perolehi daripada membaca dengan menulis nota.

js dan pengaturcaraan berfungsi

Buku ini menggunakan ayat mudah untuk menjawab apa itu pengaturcaraan berfungsi:

Pengaturcaraan fungsional menggunakan fungsi untuk menukar nilai kepada unit abstrak, yang kemudiannya digunakan untuk membina sistem perisian.
Saya rasa mesti ada pelajar yang membaca ayat ini dan masih tidak tahu apa itu pengaturcaraan berfungsi dan mengapa kita harus menggunakan pengaturcaraan berfungsi. Banyak daripada contoh berikut menggunakan Underscore.

Gunakan fungsi sebagai unit abstrak

Kaedah abstrak merujuk kepada fungsi yang menyembunyikan butiran. Ambil contoh daripada buku, fungsi yang mengesan nilai umur output (terutamanya melaporkan ralat dan amaran):

function parseAge(age) {
  if (!_.isString(age))
    throw new Error("Expecting a string");
  var a;
  console.log("Attempting to parse an age");

  a = parseInt(age, 10);
  if (_.isNaN(a)) {
    console.log(["Could not parse age: "].join());
    a = 0;
  }

  return a;
}

Fungsi di atas menentukan sama ada kita telah memasuki usia, dan ia mestilah dalam bentuk rentetan. Langkah seterusnya ialah menjalankan fungsi ini:

parseAge("42"); //=> 42
parseAge(42); //=> Error:Expecting a string
parseAge("hhhh"); //=> 0

Fungsi parseAge di atas berfungsi dengan baik tanpa sebarang masalah. Jika kita ingin menukar cara output error=maklumat dan amaran dibentangkan, maka kita perlu menukar baris kod yang sepadan, serta mod output di tempat lain. Kaedah yang diberikan dalam buku ini dicapai dengan mengabstrakkannya ke dalam fungsi yang berbeza:

function fail(thing) {
  throw new Error(thing);
}

function warn(thing) {
  console.log(["WARNING:", thing].join(''));
}

function note(thing) {
  console.log(["NOTE:", thing].join(''));
}

Kemudian gunakan fungsi di atas untuk membina semula fungsi parseAge.

funciton parseAge(age) {
  if (!_.isString(age))
    fail("Expecting a string");
  var a;

  note("Attempting to parse an age");
  a = parseInt(age, 10);

  if (_.isNaN(a)) {
    warn(["Could not parse age:", age].join(""));
    a = 0;
  }

  return a;
}

Letakkan kod yang melaporkan ralat ke dalam fungsi yang berbeza, dan parseAge yang difaktorkan semula tidak banyak berubah daripada yang sebelumnya. Tetapi perbezaannya ialah kini idea melaporkan ralat, mesej, dan amaran telah disarikan. Pelaporan ralat, mesej dan amaran juga telah dirombak sepenuhnya.

Apa yang dilakukannya ialah, memandangkan gelagat terkandung dalam satu fungsi, fungsi itu boleh digantikan dengan fungsi baharu yang menyediakan gelagat yang serupa, atau terus digantikan dengan gelagat yang berbeza sama sekali.

Encapsulation and Consealment

Tajuk ini mudah difahami, ini contohnya. Kami sering menggunakan iife untuk mengelakkan pencemaran global Ini adalah contoh pengkapsulan dan penyembunyian yang baik. Dengan menggunakan iife untuk menyembunyikan beberapa pembolehubah dan kaedah yang anda tulis, tujuannya adalah untuk tidak mencemarkan persekitaran global. Ini juga menggunakan penutupan untuk menyembunyikan data.

Sebab penutupan juga adalah satu fungsi. Dan ia mempunyai banyak kaitan dengan pembelajaran pengaturcaraan berfungsi sekarang. Tetapi jangan lupa enkapsulasi berorientasikan objek yang anda pelajari sebelum ini, anda tidak boleh mengatakan siapa yang lebih baik antara keduanya. Tetapi ia bukan perkara yang buruk jika anda menguasai semuanya. Seperti kata pepatah lama: lihat permintaan.

Gunakan fungsi sebagai unit tingkah laku

Menyembunyikan data dan tingkah laku (biasanya menyusahkan untuk pengubahsuaian pantas) hanyalah satu cara bercakap tentang fungsi sebagai unit abstrak. Pendekatan lain ialah menyediakan cara mudah untuk menyimpan dan memindahkan gelagat asas kepada unit diskret luar talian.

Berangan kecil dalam buku, menggunakan sintaks js untuk mengindeks nilai dalam tatasusunan:

var arr = ['a', 'b', 'c'];
arr[1] //=> b

Walaupun mengindeks nilai dalam tatasusunan di atas adalah mudah, tidak ada cara untuk mendapatkan tingkah laku ini dan menggunakannya seperti yang diperlukan tanpa meletakkannya dalam fungsi. Tulis fungsi mudah nth untuk mengindeks nilai dalam tatasusunan:

function nth(a, index) {
  return a[index];
}

Kemudian jalankan:

nth(arr, 1); Operasi berjaya, tetapi jika objek kosong dimasukkan, ralat akan dilaporkan. Oleh itu, jika kita ingin melaksanakan abstraksi fungsi sekitar nth, kita mungkin mereka bentuk pernyataan berikut: nth mengembalikan fungsi sah yang disimpan dalam jenis data yang membenarkan akses indeks. Kunci kepada pernyataan ini ialah konsep jenis data indeks. Mungkin fungsi diperlukan untuk menentukan jenis:

function isIndexed(data) {
  return _.isArray(data) || _.isString(data);
}

function nth(a, index) {
  if (!_.isNumber(index)) 
    fail("Expected a number as the index");
  if (!isIndexed(a))
    fail("Not supported on non-indexed type");
  if ((index < 0) || (index > a.length - 1))
    fail("Index value is out of bounds");

  return a[index];
}

function second(a) {
  return nth(a, 1);
}

function existy(x) {
  return x != null
}

function truthy(x) {
  return (x !== false) && existy(x);
}

var arr = [1, 2, 3, 4, 5];

// 最快
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// 较慢
_.each(arr, function (val, index) {
  console.log(index);
});