IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Améliorons la robustesse et la sécurité de nos objets

Adapter jQuery à vos besoins, niveau 3

Publié le 25 mars 2012 et mis à jour le 25 mars 2012


I. Introduction
I-A. Prérequis
I-B. Introduction
I-C. Rappel des méthodes de l'objet Array


I. Introduction


I-A. Prérequis

Cet article est basé sur l'acquis après la lecture de l'article : Plugin multitâche : méthode de construction personnelle et exemples et de ses prérequis.

De plus, le lecteur doit avoir une bonne maîtrise du JavaScript et de la bibliothèque jQuery, car il ne trouvera aucune aide sur les techniques réputées acquises dans cet article.


I-B. Introduction

ECMAScript 6 (ES6) est en construction et ES5 est disponible sur tous les navigateurs dignes de ce nom, il est donc plus que temps d'apprendre à utiliser les nouveautés apportées par ES5 !

Les changements les plus importants sont : le mode strict, les nouvelles méthodes du méta-objet Object, et les nouvelles méthodes de l'objet Array.

Je ne comprends pas que l'on puisse écrire aujourd'hui une ligne de JavaScript (JS) en se privant du mode strict. Le débogage du JS en associant mode strict et les performances des outils du développeur de Firefox (Firebug) ou de Chrome est une chose d'on je serais incapable de me passer.

Pouvoir construire un objet utilisant des propriétés, des accesseurs et des mutateurs est un changement important en JavaScript.

warning Dans cet article, nous utiliserons les nouveautés du système objet d'ES5 d'une manière incompatible avec l'héritage différentiel (la méthode d'héritage par prototype) nous utiliserons uniquement le clonage et l'extension d'objet.
Nous verrons comment :
  • Ajouter de nouvelles méthodes à Object ;
  • Créer des objets de même type par clonage ;
  • Créer un nouveau type d'objet en clonant un autre type d'objet et en lui ajoutant de nouvelles propriétés ;
  • Créer un nouveau type d'objet à partir de plusieurs objets ES5 compatibles, avec la possibilité de lui ajouter de nouvelles propriétés ;
  • Améliorer la robustesse et la sécurité de l'espace de nom dvjh ;
  • Construire une hiérarchie d'objets sans utiliser l'héritage.
Le nouveau système a des avantages indéniables, mais il est verbeux ! N'ayez toutefois pas peur d'aérer et de commenter vos codes, car en production vous devez toujours utiliser une copie compressée (minified) !


I-C. Rappel des méthodes de l'objet Array

Methode Description
Array.isArray( Obj ) Retourne true si l'objet est un array.
Array.length Retourne le nombre d'éléments.
ObjArray.indexOf( searchElement [, fromIndex] ) Retourne le premier trouvé.
ObjArray.lastIndexOf( searchElement[, fromIndex ] ) Retourne le dernier trouvé.
ObjArray.pop() Retourne et retire le dernier élément.
ObjArray.shift() Retourne et retire le premier élément.
ObjArray.push( elem1[, ...[, elementN]] ) Ajoute des éléments à la fin et retourne le nombre d'éléments.
ObjArrayName.unshift( element1 [, ...[, elementN]] ) Ajoute des éléments au début et retourne le nombre d'éléments.
ObjArray.splice( index [, howMany [, element1 [, ...[, elementN]]]] ) Ajoute ou retire des éléments.
ObjArray.concat( [ value1 [, ... [, valueN ]]] ) Retourne un nouvel array formé par cet array et les valeurs ajoutées.
ObjArray.slice( begin [, end] ) Extrait une section et la retourne dans un nouvel array.
ObjArray.reverse() Inverse l'ordre des éléments.
ObjArray.sort( function(a, b){ ... } ) Trie les éléments et retourne l'array.
ObjArray.join( separator ) Retourne un texte contenant les élements séparés par le contenu du paramètre separator.
ObjArray.forEach( callback [,thisArg ] ) Active la fonction de rappel pour chaque élément.
ObjArray.map( callback [, thisArg] ) Retourne un nouvel array contenant les éléments retournés par la fonction de rappel.
ObjArray.every( callback [, thisObject ] ) Retourne true si la fonction de rappel à retourner true pour tous les éléments.
ObjArray.some( callback [, thisObject ] ) Retourne true si la fonction de rappel à retourner true pour un des éléments.
ObjArray.reduce( callback [, initialValue] ) Retourne la valeur retournée par la fonction de rappel lors du traitement du dernier élément. La fonction de rappel traite les valeurs par paire de la gauche vers droite.
ObjArray.reduceRight( callback [, initialValue ] ) Idem, mais traite les valeurs de la droite vers la gauche.
 

Valid XHTML 1.0 TransitionalValid CSS!


Creative Commons License : Attribution-Share Alike 2.0 Belgium

Mention obligatoire : "Auteur : Hagnoul Daniel (https://www.developpez.net/forums/u285162/danielhagnoul/)"