De loin, ca ressemble à du C# ou du java. Pourtant, JavaScript est un langage totalement différent, avec ses richesses, et ses aspects à éviter. Durant cette session, nous verrons ce qui différencie le JavaScript du C#, et les pièges les plus courants rencontrés par les développeurs. Nous verrons également comment ECMAScript 6 va améliorer le langage, ou comment Typescript peut vous aider à vous sentir plus à l'aise. Nous aborderons aussi quelques trucs et astuces pour optimiser votre expérience de développement dans Visual Studio.

1. AMBIENT INTELLIGENCEAMBIENT INTELLIGENCE
tech days•
2015
#mstechdays techdays.microsoft.fr

2. Application & Digital
Communication & RSE
Business Intelligence
Integration & MDM
Client Relation Focus
Microsoft Azure
Paris-Lyon-Genève

3. #mstechdays techdays.microsoft.fr

4. tech.days 2015#mstechdaysSESSION

5. tech.days 2015#mstechdaysSESSION

6. tech.days 2015#mstechdaysSESSION

7. tech.days 2015#mstechdaysSESSION

8. tech.days 2015#mstechdaysSESSION

10. tech.days 2015#mstechdaysSESSION

11. tech.days 2015#mstechdaysSESSION
•
•
•
•
•
•

12. tech.days 2015#mstechdaysSESSION

13. tech.days 2015#mstechdaysSESSION

14. 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é…

15. tech.days 2015#mstechdaysSESSION

16. tech.days 2015#mstechdaysSESSION

17. tech.days 2015#mstechdaysSESSION

18. 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 impossible
console.log(foo);
}

19. 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;
});

20. 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
});
}

21. 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);

22. tech.days 2015#mstechdaysSESSION

23. tech.days 2015#mstechdaysSESSION

24. tech.days 2015#mstechdaysSESSION

25. tech.days 2015#mstechdaysSESSION

26. tech.days 2015#mstechdaysSESSION

27. tech.days 2015#mstechdaysSESSION

28. tech.days 2015#mstechdaysSESSION

29. tech.days 2015#mstechdaysSESSION

30. 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 »

31. tech.days 2015#mstechdaysSESSION

32. tech.days 2015#mstechdaysSESSION

33. tech.days 2015#mstechdaysSESSION

34. tech.days 2015#mstechdaysSESSION

35. tech.days 2015#mstechdaysSESSION
http://gleborgne.github.io/javascript4csharp/

36. tech.days 2015#mstechdaysSESSION

37. tech.days 2015#mstechdaysSESSION
MERCI POUR VOTRE ATTENTION !
Guillaume Leborgne
@gleborgne
gleborgne@mcnext.com
tech days•
2015
#mstechdays techdays.microsoft.fr

38. © 2015 Microsoft Corporation. All rights reserved.
tech days•
2015
#mstechdays techdays.microsoft.fr