DokuWiki jsfn

jsfn:chaining_module_method_calls

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T23:40:44+00:00

<- Passing arguments and setting module defaultsNext steps -> Méthode/technique appelée chaining permettant de travailler avec plusieurs méthodes. c'est une méthode simple qui permet à une méthod d'en appeler une autre. var name_space = (function)() { var DEFAUT = { // phrases par défaut si défaut dire: "bonjour", temps: "beau !" } return { parler: function() { var mes_arguments = arguments[0] || ''; var phrase = mes_arguments.say || DEFAUT.dire; console.log…

jsfn:creating_and_namespacing_modules

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T22:47:40+00:00

<- Understanding hoisting and variable scopePassing arguments and setting module defaults -> Modules * Permettent de réutiliser du code au sein de différentes applications (des librairies en quelque sorte. * La première chose que l'on fait lorsque l'on créé un modèle est de lui créér un espace de nom (un namespace : namespacing

jsfn:declaring_functions

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T22:22:23+00:00

<- What are functionsInvoking functions traditionally -> function déclaration Déclaration classique avec le mot-clé function, un nom, des arguments et des instructions. definition expression Une definition expression est une autre manière de déclarer un fonction : var additionner = function(a,b) { return a+b; };

jsfn:expanding_functionality_through_prototype

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T23:30:25+00:00

<- Invoking instances through the constructorUnderstanding call-and-apply invocation -> Ajout de méthodes via l'objet prototype de l'objet (un “sous-objet” donc) * prototypal inheritance * signifie que l'on peut baser les fonctionnalités d'un objet sur un autre objet * Chaque objet peut être basé sur un autre (et par matter of fact, chaque objet l'est)

jsfn:invoking_functions_traditionally

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T23:00:17+00:00

<- Declaring functionsUsing functions as objects -> invoquer une fonction On utiliser le terme invoquer (invoke), car certaines fonctions sont anonymes, n'ont pas de nom. On ne peut pas vraiment dire qu'on appelle quelque chose qui n'a pas de nom. Il existe quatre façons d'invoquer une fonction :

jsfn:invoking_instances_through_the_constructor

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T23:20:20+00:00

<- Using functions as objectsExpanding functionality through prototype -> Précédemment : création “manuelle” d“objet. * une fonction peut créer un nouvel objet * en utilisant le mot-clé new * on appelle cela une “constructor invocation” var Objet = function() { var nom, poids; } ma_table = new Objet; ma_table.nom = "Table"; ma_table.poids = "5.8";

jsfn:next_steps

Anonymous (anonymous@undisclosed.example.com) — 2016-02-01T00:23:05+00:00

<- Chaining module method calls * javascript : the good parts * eloquent javascript * javascriptjabber.com * javascriptweekly * oreilly fluent

jsfn:passing_arguments_and_setting_module_defaults

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T23:21:51+00:00

<- Creating and namespacing modulesChaining module method calls -> var name_space = (function)() { return { parler: function() { console.log(arguments[0].dire); } } })(); name_space.parler({ dire: "salut" }); short-circuit evaluation var name_space = (function)() { return { parler: function() { var mes_arguments = arguments[0] || ''; console.log(mes_arguments.dire); } } })(); name_space.parler(); // oubli ou pas d'arguments

jsfn:returning_values

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T21:12:14+00:00

<- Using the arguments parameterChallenge - Social media navigation -> L'instruction return * optionnel (une fonction sans return retournera undefined); * uniquement disponible dans un corps de fonction * peut servir à retourner quelque chose à ce qui l'appelle (ex on peut assigner à une variable ce que retourne une fonction).

jsfn:solution_-_social_media_navbar

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T21:21:08+00:00

<- Challenge - Social media navigationUsing anonymous closures -> var socialMedia = { facebook : 'http://facebook.com/viewsource', twitter: 'http://twitter.com/planetoftheweb', flickr: 'http://flickr.com/planetotheweb', youtube: 'http://youtube.com/planetoftheweb' }; var socialList = function() { var output = '

' + '

jsfn:understanding_call-and-apply_invocation

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T20:53:21+00:00
<- Expanding functionality through prototypeUsing the arguments parameter -> Call & Apply (indirect invocation) * permet de définir la valeur de l'argument this * Control: this and arguments * Call passe une valeur, Apply un array var speak = function (what) { console.log(this.love) } var saySomething = {normal: "meow", love: "purr"} // ça pourrait être des fonctions en attributs speak.call(saySomething); // purr

jsfn:understanding_hoisting_and_variable_scope

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T22:28:30+00:00
<- Using anonymous closuresCreating and namespacing modules -> Déterminer le scope des variables * scope : espace ou une variable est accessible * block scope : scope déterminer par des {} * function scope : scope déterminé par les limites d'une fonction. Toute fonction créé par avec le mot-clé

jsfn:using_anonymous_closures

Anonymous (anonymous@undisclosed.example.com) — 2016-03-10T12:12:59+00:00
<- Solution - Social media navbarUnderstanding hoisting and variable scope -> var ma_fun = function autre_nom() { console.log("yo"); }(): // exécution avec le () ma_fun(); ---- var ma_fun = function() { //fonction anonyme console.log("yo"); }(): // exécution avec le () (function() { //si on a pas besoin du nom console.log("yo"); })(): // exécution avec le ()

jsfn:using_functions_as_objects

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T23:07:35+00:00
<- Invoking functions traditionallyInvoking instances through the constructor -> Qu'est-ce qu'un objet ? * variables * listes * objets (flexibles) À quoi ressemble un objet ? var info = { //assignement d'un objet full_name: "Jean Bon", title : "Chef", links : [ { blog : "http://kikoo.lol" }, { twitter: "http://twitter.com/jeanbon" } ] };

jsfn:using_the_arguments_parameter

Anonymous (anonymous@undisclosed.example.com) — 2016-01-31T21:02:16+00:00
<- Understanding call-and-apply invocationReturning values -> Utile quand on ne sait pas à l'avance combien d'éléments vont être passés. Le paramètre arguments : * liste de tous les éléments passés * un objet similaire à un tableau (peut donc faire certaines choses comme un array) * index numérique

jsfn:what_are_functions

Anonymous (anonymous@undisclosed.example.com) — 2016-01-27T22:19:33+00:00
<- Using the exercise filesDeclaring functions -> fonctions * Définies avec le mot-clé function * Elles doivent être déclarées ou définies * Le nom d'une fonction est optionnel * Le nom peut utiliser $, _, a-z, 0-9 et/ou certains caractères spéciaux * Le nom ne peut pas commencer par 0-9

DokuWiki jsfn

jsfn:chaining_module_method_calls

jsfn:creating_and_namespacing_modules

jsfn:declaring_functions

jsfn:expanding_functionality_through_prototype

jsfn:invoking_functions_traditionally

jsfn:invoking_instances_through_the_constructor

jsfn:next_steps

jsfn:passing_arguments_and_setting_module_defaults

jsfn:returning_values

jsfn:solution_-_social_media_navbar

jsfn:understanding_call-and-apply_invocation

jsfn:understanding_hoisting_and_variable_scope

jsfn:using_anonymous_closures

jsfn:using_functions_as_objects

jsfn:using_the_arguments_parameter

jsfn:what_are_functions