Javascript pour les développeurs C#

38
AMBIENT INTELLIGENCE AMBIENT INTELLIGENCE tech days 2015 # mstechdays techdays.microsoft.fr

Transcript of Javascript pour les développeurs C#

Page 1: Javascript pour les développeurs C#

AMBIENT INTELLIGENCEAMBIENT INTELLIGENCE

tech days•

2015

#mstechdays techdays.microsoft.fr

Page 2: Javascript pour les développeurs C#

Application & Digital

Communication & RSE

Business Intelligence

Integration & MDM

Client Relation Focus

Microsoft AzureParis-Lyon-Genève

Page 3: Javascript pour les développeurs C#

#mstechdays techdays.microsoft.fr

Page 4: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 5: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 6: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 7: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 8: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 9: Javascript pour les développeurs C#
Page 10: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 11: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 12: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 13: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 14: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

callCount

callCount

current

Le contexte du this

a changé…

La variable current

sera toujours égale

à

toto[toto.length-1]

Le contexte du this

a changé…

Page 15: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 16: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 17: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 18: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

function inutile(){if (true) {var toto = "titi";

}

// On a accès sans problème à la variable 'toto'console.log(toto);

function whatever() {var foo = "bar";

}

// L'accès à la variable 'foo' est impossibleconsole.log(foo);

}

Page 19: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

document.getElementById("monElement").addEventListener("click", function ()

{

// Exemple classique où 'this' désigne l'élément du DOM

var nomDuNoeud = this.tagName;

});

Page 20: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

function Foobar() {

var that = this;

document.getElementById("monElement").addEventListener("click", function () {

// Ici 'this' désigne le nœud du DOM qui a levé l’évènement

// Mais 'that' désigne le contexte de la fonction de niveau supérieur

});

}

Page 21: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

function Foobar(a, b, c) {

var context = this;

}

Foobar.apply("Mon super contexte", [ 1, 2, 3 ]);

Foobar.call("Mon super contexte", 1, 2, 3);

var f = Foobar.bind("Mon super contexte");

f(1,2,3);

Page 22: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 23: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 24: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 25: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 26: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 27: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 28: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 29: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 30: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

let

(r) =>

variable dont le

scope est au niveau

du bloc

Arrow function : Callback

qui préserve la

signification du « this »

Page 31: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 32: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 33: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 34: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 35: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

http://gleborgne.github.io/javascript4csharp/

Page 36: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

Page 37: Javascript pour les développeurs C#

tech.days 2015#mstechdaysSESSION

MERCI POUR VOTRE ATTENTION !

Guillaume Leborgne

@gleborgne

[email protected]

tech days•

2015

#mstechdays techdays.microsoft.fr

Page 38: Javascript pour les développeurs C#

© 2015 Microsoft Corporation. All rights reserved.

tech days•

2015

#mstechdays techdays.microsoft.fr