[Ludique] Défis code en un tweet

Version imprimable

Voir 40 message(s) de cette discussion en une page

Je l'ai vu passer aussi, je me suis dit la même chose que toi :D
A quoi sert le paramètre immediate ?

Sans ce paramètre :

Code:

var debounce = function(a,b,c,d){return function(){c=this;clearTimeout(d);d=setTimeout(function(){a.apply(c,arguments)},b)}};

Pour tester :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html> 
<html>
<head>
    <title>debounce test</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <p id="result">Move !</p>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <script>
        var debounce = function(a,b,c,d){return function(){c=this;clearTimeout(d);d=setTimeout(function(){a.apply(c,arguments)},b)}};
 
        document.onmousemove = debounce(function() {
            document.getElementById('result').innerHTML = +new Date;
        }, 400);
    </script>
</body>
</html>

02/07/2014, 22h34
SylvainPV

Quand immediate vaut true, la fonction en paramètre est appelée dès le premier appel à la fonction debouncée. Tandis que quand immediate vaut false, la fonction debouncée attend qu'aucun autre appel ne survienne pendant le délai indiqué pour lancer le dernier appel.

Peut-être qu'un schéma sera plus clair : https://github.com/dcorb/debounce-throttle

edit: je vois difficilement comment faire mieux. J'ai 153 :

Code:

function debounce(f,d,i,t,a,c){return function(){clearTimeout(t);a=arguments;c=this;i&&!t&&f.apply(a,c);t=setTimeout(function(){t=0;i||f.apply(a,c)},d)}}

http://jsbin.com/pamayisi/1/edit?html,js,output
03/07/2014, 11h05
Kaamo

Merci pour le lien, c'est déjà plus clair :ccool:

Je crois qu'il faut inverser a(arguments) et c(this) pour que ça marche : http://jsbin.com/pamayisi/9/edit
07/07/2014, 00h26
SylvainPV

Oui une erreur de copier/coller, c'est bien entendu apply(context, arguments)

J'ai essayé d'optimiser en utilisant le constructeur Function(string) et en externalisant "Timeout", mais ça ne fait pas gagner de caractères. Je creuse du côté de Function.bind pour tenter de me débarasser du double apply.
08/07/2014, 15h11
regseb
Citation:

Envoyé par SylvainPV

J'ai 153

J'ai réussi à gagner deux caractères :
- en remplaçant le premier ET logique (&&) de la condition i&&!t&&f.apply(c,a) par un ET binaire (&) ;
- en utilisant le retour de l'instruction i||f.apply(c,a) pour mettre à faux la variable t ;
Code:

function debounce(f,d,i,t,a,c){return function(){clearTimeout(t);a=arguments;c=this;i&!t&&f.apply(c,a);t=setTimeout(function(){t=!i&&f.apply(c,a)},d)}}
29/07/2014, 10h52
Kaamo

Salut les golfeurs !
Depuis quelques jours, un petit jeu de Golf tourne et est franchement pas mal !

L'idée est de faire une fonction (la plus petite possible bien sûr), qui renvoie "goal" avec le code suivant : g()('al') et où le nombre de "o" est variable.

Exemple :
g()('al') renvoie "goal".
g()()('al') renvoie "gooal".
g()()()()()('al') renvoie "goooooal".
Etc ...

on peut sans doute raccourcir encore un poil

Code:

1
2
3
function g(){
    w=window,w['t']=w['t']?w['t']:"g";return(!arguments.length)?(w['t']+="o",g):w['t']+'al';
}

Code:

1
2
3
function g(){
    this.t=this.t?this.t:"g";return(!arguments.length)?(this.t+="o",g):this.t+'al';
}

un peu plus long mais plus propore sasn passer par une globale ...

Code:

1
2
3
function g(){
    t=[this.t];t[0]=t[0]?t[0]:"g";return(!arguments.length)?(t[0]+="o",g):this.t+'al';
}

Attention 'al' devient une constante et que rendra g()()()('gle').

Sur ces bases je ferais
Code:

1 2 3 4 function g(){ w=this,a=arguments,w.t=w.t?w.t:"g";return(!a.length)?(w.t+="o",g):w.t+a[0] } //console.log(g()()()()()('gle')) //gooooogle

le but est de retourner goooooooooAL pas de faire de la pub ...
mais soit :

Code:

1
2
3
function g(){
    a=arguments;t=[this.t];t[0]=t[0]?t[0]:"g";return(!a.length)?(t[0]+="o",g):this.t+a[0];
}

Code:

1
2
3
function g(){
   a=arguments;this.t=this.t?this.t:"g";return(!a.length)?(this.t+="o",g):this.t+a[0];
}

pour en arriver finalement au même que toi ^^

Code:

1
2
3
function g(){
    a=arguments;f=this;f.t=f.t?f.t:"g";return(!a.length)?(f.t+="o",g):f.t+a[0];
}

Une version plus propre proposée par Lcf.vs sur le chat
Code:

1 2 3 4 function g(e){ var t;t=this;if(t===window){t={t:"g"};t.g=g.bind(t)}return e?t.t+e:(t.t+="o",t.g)} console.log( g()('al'),'\n',g()()('al'),g()()()('al') );
elle ne mélange pas les instances contrairement aux propositions précédentes

29/07/2014, 13h28
Lcf.vs

Spaffy> Dans ta fonction, this === window, donc this.t est une globale.

En version propre :

Code:

function g(e){var t;t=this;if(t===window){t={t:'g'};t.g=g.bind(t)}return e?t.t+e:(t.t+='o',t.g)}

Ah, erf, pas vu le post...

sale mais court :

Code:

1
2
3
function g(a){
        f=this;f.t=f.t?f.t:"g";return(a)?f.t+a:(f.t+="o",g);
}

:weird:

Code:

1
2
3
4
5
6
7
function g(){
    return arguments;
}
 
console.log( g()()( "ale" ) );
 
// Uncaught TypeError: object is not a function

29/07/2014, 14h29
Grimly

Citation:

Envoyé par Kaamo

Salut les golfeurs !
Depuis quelques jours, un petit jeu de Golf tourne et est franchement pas mal !

L'idée est de faire une fonction (la plus petite possible bien sûr), qui renvoie "goal" avec le code suivant : g()('al') et où le nombre de "o" est variable.

Exemple :
g()('al') renvoie "goal".
g()()('al') renvoie "gooal".
g()()()()()('al') renvoie "goooooal".
Etc ...

Voilà mon entrée ;)
http://jsbin.com/vizod/1/edit

EDIT :
Je descend à 71 caractères
http://jsbin.com/vizod/2/edit
29/07/2014, 14h33
Lcf.vs
~~Grimly> Contrairement à ma version, la tienne n'est pas factorisable~~
Code:

1 2 3 4 5 function g(e){var t;t=this;if(t===window){t={t:'g'};t.g=g.bind(t)}return e?t.t+e:(t.t+='o',t.g)} newG = g()()()()()(); console.log(newG('al'));
EDIT: sans if (même longueur)

Code:

function g(e){var t;(t=this)===window?(t={t:'g'},t.g=g.bind(t)):t;return e?t.t+e:(t.t+='o',t.g)}
29/07/2014, 14h47
Kaamo
:applo: Vous êtes inspirés !!

Spacefrog : Par contre, si on lance plusieurs fois ta dernière proposition, tu "incrémentes" le nombre de "o" à chaque lancement :
Code:

1 2 3 4 5 6 function g(a){ f=this;f.t=f.t?f.t:"g";return(a)?f.t+a:(f.t+="o",g); } console.log(g()()('al')); // gooal (ok) console.log(g()()('al')); // gooooal (pas ok)
Idem pour la solution de NoSmoking.

Les autres fonctionnent bien, bravo ! Y'a plus qu'à les golfer + :mrgreen:

EDIT : c'est compliqué de faire avec une globale (seulement la fonction)
29/07/2014, 15h37
SylvainPV
Perso je suis arrivé à ça :

Fonction à usage unique : 40 caractères
Code:

1 2 function g(a){ g._=g._?g._+(a||'o'):'go';return a?g._:g }
Fonction réutilisable : 52 caractères
Code:

1 2 3 function g(a){ g._=g._?g._+(a||'o'):'go';return a?(t=g._,g._=0,t):g }
Une solution alternative que je trouve plus élégante :

Fonction à usage unique : 47 caractères
Code:

1 2 function g(a){ g._=-~g._;return a?'g'+Array(g._).join('o')+a:g }
Fonction réutilisable : 55 caractères
Code:

1 2 3 function g(a){ g._=-~g._;return a?'g'+Array(g._).join('o')+(g._=0,a):g }

Citation:
Envoyé par SylvainPV
Fonction réutilisable : 52 caractères
Code:

1 2 3 function g(a){ g._=g._?g._+(a||'o'):'go';return a?(t=g._,g._=0,t):g }
Pas si réutilisable que ça :
Code:

1 2 3 4 5 6 7 8 function g(a){ g._=g._?g._+(a||'o'):'go';return a?(t=g._,g._=0,t):g } var ng = g()()(); ng('al'); ng('al'); // go
^^

29/07/2014, 15h57
Kaamo

C'est tiré de ce Github pour info. Dedans, il y a des règles en plus, genre g('al') doit retourner 'gal'.

Ma solution avec 1 seule globale, la fonction elle-même (j'étais parti sur la même (dernière) piste que Spacefrog et celle que Sylvain vient de donner).
En 66 au total (donc 51) :

Code:

g=function(a){g.t=g.t||'g';return a?[g.t+a,g.t=0][0]:(g.t+='o',g)}

Lcf.vs : ha ouais ... une difficulté en plus :mrgreen:
29/07/2014, 16h06
Lcf.vs

Citation:

Envoyé par Kaamo

C'est tiré de ce Github pour info. Dedans, il y a des règles en plus, genre g('al') doit retourner 'gal'.

...

Lcf.vs : ha ouais ... une difficulté en plus :mrgreen:

Ma version fait déjà tout ça ^^

Voir 40 message(s) de cette discussion en une page