Bagaimana untuk mengekstrak kaedah awam dalam javascript (perkongsian kemahiran)

Dengan pembangunan berterusan pembangunan bahagian hadapan, Javascript telah menjadi kemahiran yang tidak dapat dielakkan dan perlu. Dalam pembangunan Javascript, kita sering menghadapi situasi di mana kita perlu merangkum beberapa kaedah untuk digunakan semula dengan mudah. Kaedah awam terkapsul ini boleh mengurangkan pertindihan kod, meningkatkan kecekapan pembangunan dan menjadikan penyelenggaraan kod lebih mudah. Jadi bagaimana untuk mengekstrak kaedah awam ini? Mari kita lihat beberapa teknik pengekstrakan kaedah yang biasa digunakan.

1. Fungsi Enkapsulasi

Merangkum beberapa kaedah yang biasa digunakan ke dalam fungsi, seperti mendapatkan elemen, menentukan jenis data, dsb. Dengan cara ini, anda boleh memanggil fungsi ini secara langsung semasa pembangunan tanpa menulis kod berulang.

Contohnya:

// Dapatkan elemen
fungsi $(selector) {
return document.querySelector(selector);
}

/ / Tentukan jenis data
function typeOf(obj) {
return Object.prototype.toString.call(obj).slice(8,-1).toLowerCase();
}

dua , Kaedah pengkapsulan rantai prototaip

Bungkus beberapa kaedah awam ke dalam rantai prototaip objek, yang boleh mengurangkan pertindihan kod dan menjadikannya lebih mudah untuk dipanggil.

Contohnya:

// Pembina awam
fungsi Haiwan(nama,umur) {
this.name = nama;
this.age = umur;
}

// Tambahkan kaedah pada rantai prototaip pembina
Animal.prototype.sayHello = function() {
console.log(你好，我是${this.name}，我今年${this.age}岁了。);
};

// Panggil terus
let dog = new Animal("小黄",3);
dog.sayHello(); // Output: "Hello, saya Xiao Huang" , I berumur 3 tahun pada tahun ini. "

3. Pengkapsulan Modul

Merangkum beberapa fungsi yang berkaitan dalam modul boleh menyusun kod dengan lebih baik dan meningkatkan kebolehbacaan dan kebolehselenggaraan. .

Contohnya:

// Modul enkapsulasi
let Utils = (function() {
// Define private method
function add(num1,num2) {

return num1 + num2;

}

fungsi tolak(num1,num2) {

return num1 - num2;

}

// Dedahkan kaedah awam
pulangan {

add,
minus

}
})();

// Panggil
console.log(Utils.add(2,3)); // Output: 5
console.log(Utils.minus(5,2)); // Output: 3

4. Pustaka Alat

Sesetengah fungsi awam biasa boleh dirangkumkan ke dalam perpustakaan alat, seperti lodash dan jQuery dll. Perpustakaan alat ini menyediakan beberapa kaedah mudah untuk menjadikan pembangunan lebih cekap.

Contohnya:

// Gunakan kaedah flatMap dalam lodash
let arr = [[1],[2,3],[4]];
let newArr = _.flatMap(arr);
console.log(newArr); // Output: [1, 2, 3, 4]

Ringkasan

Di atas ialah cara Javascript mengekstrak kaedah awam Sesetengah teknik dan kaedah awam terkapsul boleh mengurangkan pertindihan kod, meningkatkan kecekapan pembangunan, dan menjadikan penyelenggaraan kod lebih mudah. Apabila kami menemui beberapa kaedah awam yang boleh diekstrak semasa pembangunan, kami juga boleh mencuba teknik pengekstrakan kaedah di atas untuk menjadikan kod kami lebih piawai, ringkas dan mudah diselenggara.

Atas ialah kandungan terperinci Bagaimana untuk mengekstrak kaedah awam dalam javascript (perkongsian kemahiran). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!