Pourquoi JavaScript doit être encapsulé

Raisons de l'encapsulation : 1. L'encapsulation peut réduire la redondance du code, rendre le code simple et réduire le code inutile ; 2. Les objets fournissent uniquement les interfaces nécessaires pour interagir avec d'autres objets et peuvent interagir avec les données internes. Offre différents niveaux de protection. empêcher des parties non liées du programme de modifier accidentellement ou d'utiliser incorrectement les parties privées de l'objet peut améliorer la sécurité.

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Pourquoi JavaScript doit-il être encapsulé ?

L'encapsulation est l'une des trois caractéristiques fondamentales de l'orientation objet. Elle résume les choses du monde réel en objets dans le domaine informatique. Les objets ont à la fois des propriétés et des comportements (méthodes). l'abstraction est l'encapsulation.

Dans notre processus de développement quotidien, les codes avec la même logique de traitement encapsulent généralement des fonctions pour réduire la redondance du code et rendre le code plus élégant et plus beau. Ensuite

lorsque plusieurs objets d'entité ont les mêmes attributs et lors de la création de comportements. (méthodes), il est naturel d’abstraire ces mêmes attributs et comportements pour réduire le code inutile.

Fonctionnalité importante de l'encapsulation : masquage des données.

Les objets fournissent uniquement les interfaces nécessaires pour interagir avec d'autres objets, tout en cachant certaines de leurs propres propriétés et détails d'implémentation de l'extérieur. De cette manière, les objets offrent différents niveaux de protection pour les données internes afin d'éviter les parties non pertinentes du programme. modifications ou utilisation incorrecte des parties intimes d’un objet. Cela garantit la sécurité tout en garantissant une interaction normale, et vous pouvez utiliser cet objet sans vous soucier des méthodes implémentées par l'objet.

Fonction - l'encapsulation la plus simple

La fonction est un concept fondamental pour n'importe quel langage. N'importe quel nombre d'instructions peuvent être encapsulées via des fonctions, et elles peuvent être appelées et exécutées n'importe où et à tout moment.

Comment encapsuler : écrivez des instructions dispersées dans les accolades de la fonction pour devenir le corps de la fonction, puis vous pourrez l'appeler.

Code non encapsulé :

var body = document.getElementsByTagName("body")[0];
        var h1 = document.createElement("h1");
        body.style.backgroundColor = "green";
        h1.innerText = "绿了";
        body.appendChild(h1);

Inconvénients :

• Facile à écraser par des variables du même nom - car les variables déclarées dans la portée globale sont facilement écrasées par des variables du même nom

• Exécuter immédiatement - lu par l'analyseur Obtenez ici et exécutez immédiatement

Code d'encapsulation :

function makeGreen() {
            var body = document.getElementsByTagName("body")[0];
            var h1 = document.createElement("h1");
            body.style.backgroundColor = "green";
            h1.innerText = "绿了";
            body.appendChild(h1);
        }

Avantages :

• Évitez les variables globales - en raison de l'existence de la portée de la fonction (l'objectif de la portée de la fonction doit être testé ultérieurement)

• Exécuter à la demande - l'analyseur lit ici et la fonction n'est pas exécutée. Appelez cette fonction uniquement lorsque vous en avez besoin

• Améliorez la réutilisabilité du code

[Recommandations associées : Tutoriel vidéo javascript 、web. frontal】

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!