Object

Comment créer un objet en JS.

var Cours = {
  lieu : "Université d'Evry",
  année : new Date(),

  toString : function () {
     return this.lieu + '\n' + this.année.getFullYear();
  },

  extend : function ( config ) {
     var inst = Object.create( this );
     for ( var key in config ) {
         if ( config.hasOwnProperty( key ) ) {
             inst[key] = config[key];
         }
      }
      return inst;
  }

};



var HTML = Object.create ( Cours );


var CSS = Cours.extend( {prof : "dupont",
                          lieu : "IBGBI"} );


JS Bin on jsbin.com


+ d'info sur Object.create et la délégation

Attention au DOM de vos éditeurs

Pour travailler le cours sur le DOM. Il serait préférable de créer un fichier source sans passer par un éditeur comme jsbin ou jsfiddle.

En effet, les éditeurs vont ajouter des scripts (type google anaytic) et donc modifier votre DOM initial.

Exemple :

Sur la figure suivante, nous notons une différence entre les valeurs d'une même expression, si vous la tapez dans la console.

Autre exemple :

Si vous travaillez le DOM sur un fichier en ligne : tout se passe comme prévu !

Si vous écrivez ce fichier avec jsbin ! attention

Ce résultat prend en compte les scripts

ES 6 : book

You Don't Know JS: ES6 & Beyond

Mises à niveau

• Environnements
• Editeurs
• HTML
• CSS 
• Selecteurs
• Usage

*? +?

le ? après * ou + réduit au plus petit nombre.

    var str = '"foo" "bar" "dd"';
    var patt1 = /".*"/;
    var result = str.match(patt1);
//"foo" "bar" "dd"


    var str = '"foo" "bar" "dd"';
    var patt1 = /".*?"/;
    var result = str.match(patt1);
//"foo" = le plus petit match possible

    var str = '"foo" "bar" "dd"';
    var patt1 = /".*?"/g;
    var result = str.match(patt1);
//"foo" "bar" "dd"

ref

Google paramétrage !

Tristan Nitot article.