{"id":322,"date":"2014-02-11T18:50:58","date_gmt":"2014-02-11T17:50:58","guid":{"rendered":"http:\/\/louis.hatier.me\/blog\/?p=322"},"modified":"2015-08-12T17:38:27","modified_gmt":"2015-08-12T16:38:27","slug":"javascript-tips","status":"publish","type":"post","link":"https:\/\/louis.hatier.me\/blog\/javascript-tips\/","title":{"rendered":"JavaScript tips"},"content":{"rendered":"

\"Logo<\/a><\/p>\n

Voici un petit mix de snippet, tips, bouts de code JavaScript qui peuvent \u00eatre utiles \u00e0 savoir ou \u00e0 avoir sous la main.<\/p>\n

 <\/p>\n

 <\/p>\n

<\/p>\n

Tester si une variable est d\u00e9finie.<\/p>\n

if (typeof mavar === 'undefined') {\r\n    alert('variable non d\u00e9finie');\r\n}\r\n<\/code><\/pre>\n
Variable optionnelle dans une fonction.<\/p>\n
function maFonction(variable, flag)\r\n{\r\n    if (typeof flag === 'undefined') {\r\n        flag = false; \/\/ on set le flag \u00e0 false par d\u00e9faut\r\n    }\r\n}\r\n<\/code><\/pre>\n
Immediate Functions : le bout de code est ex\u00e9cut\u00e9 sans polluer le scope<\/a> g\u00e9n\u00e9ral.<\/p>\n
(function() {\r\n    \/\/ du code\r\n})();\r\n<\/code><\/pre>\n
Tester une cha\u00eene de caract\u00e8re.<\/p>\n
var string1 = new String('coucou');\r\nvar string2 = string1.valueOf();\r\nalert(typeof string1); \/\/ affiche : object\r\nalert(typeof string2); \/\/ affiche : string\r\n\r\nfunction isString(variable)\r\n{\r\n    return typeof variable.valueOf() === 'string';\r\n}\r\nalert(isString('coucou')); \/\/ affiche : true\r\nalert(isString(new String('coucou'))); \/\/ affiche : true \r\n<\/code><\/pre>\n
Test d’adresse email avec une expression r\u00e9guli\u00e8re<\/p>\n
if (\/^[a-z0-9._-]+@[a-z0-9._-]+.[a-z]{2,6}$\/.test(email)) {\r\n    alert('adresse e-mail valide');\r\n}\r\n<\/code><\/pre>\n
Un polyfill<\/a> sert \u00e0 pallier le manque d’une fonction.
\nExemple avec la fonction isArray<\/em> qui n’est pas impl\u00e9menter dans les vieilles versions d’Internet Explorer :<\/p>\n
if (!Array.isArray) {\r\n    Array.isArray = function(element) {\r\n        return Object.prototype.toString.call(element) == '[object Array]';\r\n    };\r\n}\r\n<\/code><\/pre>\n
Ajouter une fonction au prototype natif d’un objet.
\nExemple avec l’objet Array<\/em> :<\/p>\n
Array.prototype.maFonction = function() {\r\n    \/\/ du code\r\n};\r\n[].maFonction();\r\n<\/code><\/pre>\n
\"Share<\/a>