Comments on: Un code plus propre avec “use strict” en javascript

By: manu

manu — Mon, 21 Jul 2014 15:08:00 +0000

Effectivement, dimanche matin j’avais un peu la tête dans le c… merci :)

By: Sam

Sam — Sun, 20 Jul 2014 14:32:36 +0000

Une explication est donnée dans le deuxième lien de l’article.

By: manu

manu — Sun, 20 Jul 2014 13:41:31 +0000

Hello,

surement interessant, à tester.

Une âme charitable pourrait m’expliquer l’interet de l’encapsulation avec une pincée de pédagogie pour le newbie javascript que je suis ?
(function(){ // votre code })()

Merci

By: Sam

Sam — Thu, 25 Apr 2013 13:19:11 +0000

La bonne pratique est d’avoir un seul espace de nom de nom pour tout le projet. Tu créer un objet à la racine de ton fichier JS principal, et toutes les fonctions sont accessible uniquement par cet_object.la_fonction. Ainsi tu ne pollue pas le namespace global avec plein de fonctions. Et du coup tu peux encapsuler tes fonctions métiers sans te soucier de où elles sont placées.

By: AkaiKen

AkaiKen — Thu, 25 Apr 2013 09:44:37 +0000

Bon, en fait, j’ai l’impression de faire n’importe quoi…

J’ai un fichier spécifique pour mon module, avec des fonctions métier, et j’ai aussi un fichier “main.js”, qui contient des helpers, des fonctions appelées un peu partout, des ptits trucs (un preventDefault étendu), des gros (factorisation de création d’une grille avec jQGrid), etc. Et je ne sais pas très bien comment encapsuler correctement.

J’en suis à faire un return avec un objet contenant alias et nom de mes fonctions pour pouvoir les appeler ailleurs, dans le fichier métier, par exemple. J’ai bon ? Si oui, c’est lourd (je devrai modifier le return pour chaque nouvelle fonction dans le pot commun). Si non, quelle est la bonne pratique ?

By: AkaiKen

AkaiKen — Thu, 25 Apr 2013 08:54:49 +0000

Ok, j’encapsule donc, merci !
Et non, tout le code n’est pas dans le jQuery(document).ready(function(){}), pas les définitions de fonctions en tout cas. D’ailleurs j’avais fait un test rapide avec le use strict, j’avais défini une fonction dans le jQuery(document).ready(function(){}) et ça me l’avait reproché.

By: Sam

Sam — Wed, 24 Apr 2013 15:00:22 +0000

Toujours, toujours, toujours encapsuler tout le fichier.

Après, si tout le code de tout le fichier est dans jQuery(document).ready(function(){}), ya pas de problème, le use strict peut aller là dedans.

By: AkaiKen

AkaiKen — Wed, 24 Apr 2013 12:47:06 +0000

Question bête : si j’ai un fichier js qui contient de nombreuses définitions de fonctions, chacune appelée par une autre quand le besoin s’en fait sentir, et que les premières fonctions à être appelées le sont dans un jQuery(document).ready(function(){}), comment utiliser le “use strict” ? Où le mettre ? Dans ledit jQuery(document).ready(function(){}), car cela définit une fonction appelée dès le chargement de la page, ou bien faut-il quand même encapsuler tout le contenu du fichier dans un (function(){}) ?
Merci d’avance :)

By: Clément

Clément — Fri, 29 Mar 2013 09:38:09 +0000

Y’a aussi l’utilisation de variables non définies qui est interdit en mode strict ; en mode classique ça créé la variable de manière globale et peut être à l’origine de nombreux bugs.

By: Sam

Sam — Thu, 28 Mar 2013 15:12:40 +0000

@ sil: si seulement on pouvait s’en passer. C’est un de mes fantasmes, j’en pense souvent en me carressant sous la douche.

@Léo Maradan: oui d’ailleurs, ça ferait un bon article. Je l’ai rajouté aux drafts.

@Charles: je suis très dubitatif face aux arguments de l’auteur. Je vois dans son article plus une collection d’excuses, voir de mauvaises pratiques, que de raisons relles. Mais merci de l’avoir signalé, c’est bon d’avoir plusieurs points de vue sur la question.