Javascript

Les documents de référence

• ECMAScript Internationalization API
• BCP 47 String
• La documentation de Mozilla

Exemples :

1) Mise en forme d'un nombre ou d'une somme d'argent avec le BCP "fr-BE".

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
var number = 123456.789;
 
console.log( new Intl.NumberFormat( "fr-BE" ).format( number ) );
 
/*
 * 123 456,789
 */
 
console.log( new Intl.NumberFormat( "fr-BE", { "style"

...

Nous allons utiliser les fonctions getType(), setModel() et createDOMObject() des billets précédents pour améliorer notre exemple de liaison de données.

Fragment du DOM

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="formulaire">
    <input type="text" value="inconnu">
    <select>
        <option value="inconnu">0</option>
        <option value="Henri">1</option>
        <option

...

Il n'est pas rare de voir une débauche de nom de classes et d'ID dans un code HTML, particulièrement lorsqu'il s'agit des éléments d'un formulaire. On constatera souvent un usage partiel de cette panoplie de sélecteurs, mais on vous répondra qu'il faut prévoir les usages futurs.

En pratiquant de cette manière on alourdit le code HTML et en JS on grève les performances en multipliant les constructions de sélecteurs. Chaque construction exigeant un parcours, plus ou moins rapide, de ...

Dans le billet précédent, nous avons vu comment recueillir la valeur de la propriété [[Class]] avec la fonction getType().

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function getType( Obj ){
    return Object.prototype.toString.call( Obj ).match( /\s([a-zA-Z]+)/ )[ 1 ].toLowerCase();
}

Pour vérifier le typage des propriétés d'un objet on peut utiliser un objet englobant (proxy), mais l'API Proxy sera au mieux disponible en ES6. De plus, la technique du proxy à la réputation d'être difficile à mettre ...

On gagnera largement en remplaçant la valeur retournée par "typeof" par celle de la propriété "[[Class]]" (ES5 : The [[Class]] internal property).

En JS tout est objet et chaque objet hérite d'une méthode "toString".

En ES5, la méthode générique renvoie toujours "[[Class]]", cette propriété est disponible uniquement en lecture.

Lorsqu'on utilise explicitement ou implicitement "toString" on ne voit généralement ...