Javascript

Référence : Liaison de données en ES5, un pas plus loin.

Construit sur l'acquis des billets précédents, ce billet ne contient que l'essentiel : le code.

Code JavaScript :

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

1
2
3
4
5
6
7
8
const
    kModel = Symbol( 'ObjModel' ),
    kGetType = function( Obj ){
        return Object.prototype.toString.call( Obj ).match( /\s([a-zA-Z]+)/ )[ 1 ].toLowerCase();
    },
    kSetModel = function( Obj ){
 
        if ( kGetType( Obj ) === "object"

...

Référence : Construction d'un modèle de type dans le but d'améliorer la gestion des propriétés d'un objet

Construit sur l'acquis des billets précédents, ce billet ne contient que l'essentiel : le code.

Code JavaScript :

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

1
2
3
4
5
6
const
    kModel = Symbol( 'ObjModel' ),
    kGetType = function( Obj ){
        return Object.prototype.toString.call( Obj ).match( /\s([a-zA-Z]+)/ )[ 1 ].toLowerCase();
    },
    kSetModel = function( Obj ){

...

Pour rendre une propriété privée, le Dr. Axel Rauschmayer recommande de l'affecter à un WeakMaps. Dans le WeakMaps, les instances seront les clés. Le garbage-collector éliminera automatiquement les clés inexistantes.

Exemple :

Code javascript :

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

1
2
3
4
5
6
7
8
let Person = ( function( ){
 
    const
        kFirstName = new WeakMap(),
        kLastname = new WeakMap();
 
    return class {
        constructor( first, last ){

...

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

...