Comment extraire des méthodes publiques en javascript (partage de compétences)

Avec le développement continu du développement front-end, Javascript est devenu une compétence incontournable et nécessaire. Dans le développement Javascript, nous rencontrons souvent des situations où nous devons encapsuler certaines méthodes pour une réutilisation facile. Ces méthodes publiques encapsulées peuvent réduire la duplication de code, améliorer l'efficacité du développement et rendre la maintenance du code plus pratique. Alors comment extraire ces méthodes publiques ? Jetons un coup d'œil à quelques techniques d'extraction de méthodes couramment utilisées.

1. Fonction d'encapsulation

Encapsulez certaines méthodes couramment utilisées dans une fonction, telles que l'obtention d'éléments, la détermination des types de données, etc. De cette façon, vous pouvez appeler cette fonction directement pendant le développement sans écrire de code répétitif.

Par exemple :

// Récupérer l'élément
function $(selector) {
return document.querySelector(selector);
}

// Déterminer le type de données
function typeOf(obj) {
return Object.prototype .toString.call(obj).slice(8,-1).toLowerCase();
}

2. Méthode d'encapsulation de la chaîne de prototype

Encapsuler certaines méthodes publiques dans la chaîne de prototype de l'objet peut réduire la duplication de code et la rendre plus pratique. appel.

Par exemple :

// Constructeur public
function Animal(name,age) {
this.name = name;
this.age = age;
}

// Ajouter une méthode à la chaîne de prototypes du constructeur
Animal.prototype.sayHello = function() {
console.log(你好，我是${this.name}，我今年${this.age}岁了。);
};

// Appel directement dans l'instance
let dog = new Animal("小黄",3);
dog.sayHello ( ; Lisibilité et maintenabilité.

Par exemple :

// Encapsulation du module

let Utils = (function() {

// Définir une méthode privée

function add(num1,num2) {

return num1 + num2;

}

function minus(num1,num2) {

return num1 - num2;

}

// Expose les méthodes publiques

return {

add,
minus

}

})();

// Appel

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

4. Bibliothèque d'outils

Certaines fonctions publiques couramment utilisées peuvent être encapsulées dans une bibliothèque d'outils, comme lodash et jQuery. Ces bibliothèques d'outils fournissent des méthodes pratiques pour rendre le développement plus efficace.

Par exemple :

// Utilisez la méthode flatMap dans lodash

let arr = [[1],[2,3],[4]];

let newArr = _.flatMap(arr);

console.log ( newArr); // Sortie : [1, 2, 3, 4]

Résumé

Ces techniques ci-dessus permettent d'extraire des méthodes publiques en Javascript. Les méthodes publiques encapsulées peuvent réduire considérablement la duplication de code, améliorer l'efficacité du développement et bien plus encore. pratique. Maintenez le code correctement. Lorsque nous rencontrons des méthodes publiques qui peuvent être extraites pendant le développement, nous pourrions tout aussi bien essayer les techniques d'extraction de méthodes ci-dessus pour rendre notre code plus standardisé, concis et facile à maintenir.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!