[Ludique] Défis code en un tweet

**Kaamo** · 02/07/2014, 17h03

Je l'ai vu passer aussi, je me suis dit la même chose que toi

A quoi sert le paramètre immediate ?

Sans ce paramètre :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Pour tester :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SylvainPV** · 02/07/2014, 22h34

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Kaamo** · 03/07/2014, 11h05

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

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

**SylvainPV** · 07/07/2014, 00h26

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.

**regseb** · 08/07/2014, 15h11

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)}}

**Kaamo** · 29/07/2014, 10h52

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 ...

**SpaceFrog** · 29/07/2014, 12h39

on peut sans doute raccourcir encore un poil

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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';
}

**NoSmoking** · 29/07/2014, 13h04

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

Sur ces bases je ferais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 29/07/2014, 13h14

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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];
}

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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];
}

**SpaceFrog** · 29/07/2014, 13h27

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Lcf.vs** · 29/07/2014, 13h28

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

En version propre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**SpaceFrog** · 29/07/2014, 13h33

sale mais court :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**danielhagnoul** · 29/07/2014, 14h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Grimly** · 29/07/2014, 14h29

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

**Lcf.vs** · 29/07/2014, 14h33

~~Grimly> Contrairement à ma version, la tienne n'est pas factorisable~~

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)}

**Kaamo** · 29/07/2014, 14h47

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 +

EDIT : c'est compliqué de faire avec une globale (seulement la fonction)

**SylvainPV** · 29/07/2014, 15h37

Perso je suis arrivé à ça :

Fonction à usage unique : 40 caractères

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function g(a){    g._=g._?g._+(a||'o'):'go';return a?g._:g
}

Fonction réutilisable : 52 caractères

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Fonction réutilisable : 55 caractères

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Lcf.vs** · 29/07/2014, 15h56

Envoyé par SylvainPV

Fonction réutilisable : 52 caractères

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

^^

**Kaamo** · 29/07/2014, 15h57

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Lcf.vs** · 29/07/2014, 16h06

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

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

[Ludique] Défis code en un tweet

JavaScript

Discussions similaires

Partager

Partager