AMBIENT INTELLIGENCEAMBIENT INTELLIGENCE
tech days•
2015
#mstechdays techdays.microsoft.fr
Application & Digital
Communication & RSE
Business Intelligence
Integration & MDM
Client Relation Focus
Microsoft Azure
Pa...
#mstechdays techdays.microsoft.fr
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
•
•
•
•
•
•
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
callCount
callCount
current
Le contexte du this
a changé…
La variable current
sera toujou...
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
•
•
function inutile(){
if (true) {
var toto = "titi";
}
// On a accès sans problème à la...
tech.days 2015#mstechdaysSESSION
document.getElementById("monElement").addEventListener("click", function ()
{
// Exemple ...
tech.days 2015#mstechdaysSESSION
function Foobar() {
var that = this;
document.getElementById("monElement").addEventListen...
tech.days 2015#mstechdaysSESSION
function Foobar(a, b, c) {
var context = this;
}
Foobar.apply("Mon super contexte", [ 1, ...
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
let
(r) =>
variable dont le
scope est au niveau
du bloc
Arrow function : Callback
qui pré...
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
http://gleborgne.github.io/javascript4csharp/
tech.days 2015#mstechdaysSESSION
tech.days 2015#mstechdaysSESSION
MERCI POUR VOTRE ATTENTION !
Guillaume Leborgne
@gleborgne
gleborgne@mcnext.com
tech days...
© 2015 Microsoft Corporation. All rights reserved.
tech days•
2015
#mstechdays techdays.microsoft.fr
Javascript pour les développeurs C#
Prochain SlideShare
Chargement dans…5
×

Javascript pour les développeurs C#

858 vues

Publié le

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.

Publié dans : Technologie
1 commentaire
2 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
858
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
63
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Javascript pour les développeurs C#

  1. 1. AMBIENT INTELLIGENCEAMBIENT INTELLIGENCE tech days• 2015 #mstechdays techdays.microsoft.fr
  2. 2. Application & Digital Communication & RSE Business Intelligence Integration & MDM Client Relation Focus Microsoft Azure Paris-Lyon-Genève
  3. 3. #mstechdays techdays.microsoft.fr
  4. 4. tech.days 2015#mstechdaysSESSION
  5. 5. tech.days 2015#mstechdaysSESSION
  6. 6. tech.days 2015#mstechdaysSESSION
  7. 7. tech.days 2015#mstechdaysSESSION
  8. 8. tech.days 2015#mstechdaysSESSION
  9. 9. tech.days 2015#mstechdaysSESSION
  10. 10. tech.days 2015#mstechdaysSESSION • • • • • •
  11. 11. tech.days 2015#mstechdaysSESSION
  12. 12. tech.days 2015#mstechdaysSESSION
  13. 13. 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é…
  14. 14. tech.days 2015#mstechdaysSESSION
  15. 15. tech.days 2015#mstechdaysSESSION
  16. 16. tech.days 2015#mstechdaysSESSION
  17. 17. 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); }
  18. 18. 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; });
  19. 19. 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 }); }
  20. 20. 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);
  21. 21. tech.days 2015#mstechdaysSESSION
  22. 22. tech.days 2015#mstechdaysSESSION
  23. 23. tech.days 2015#mstechdaysSESSION
  24. 24. tech.days 2015#mstechdaysSESSION
  25. 25. tech.days 2015#mstechdaysSESSION
  26. 26. tech.days 2015#mstechdaysSESSION
  27. 27. tech.days 2015#mstechdaysSESSION
  28. 28. tech.days 2015#mstechdaysSESSION
  29. 29. 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 »
  30. 30. tech.days 2015#mstechdaysSESSION
  31. 31. tech.days 2015#mstechdaysSESSION
  32. 32. tech.days 2015#mstechdaysSESSION
  33. 33. tech.days 2015#mstechdaysSESSION
  34. 34. tech.days 2015#mstechdaysSESSION http://gleborgne.github.io/javascript4csharp/
  35. 35. tech.days 2015#mstechdaysSESSION
  36. 36. tech.days 2015#mstechdaysSESSION MERCI POUR VOTRE ATTENTION ! Guillaume Leborgne @gleborgne gleborgne@mcnext.com tech days• 2015 #mstechdays techdays.microsoft.fr
  37. 37. © 2015 Microsoft Corporation. All rights reserved. tech days• 2015 #mstechdays techdays.microsoft.fr

×