Snippet Zone

Martin Kleppe’s Golfed Blobs Quine

<pre id=p style=background:#000><svg onload='setInterval(f=n=>

{for(t++,o=i=1;i++<476;o+=i%30?([(f+"")[i%195],"o"][c=0|(h=v=>

(M=Math).hypot(i/30-8+3*M.sin(t/8/v),i%30/2-7+4*M.cos(t/9/v)))

(7)*h(9)*h(6)/52]||".").fontcolor(c?c>2:n):"\n");p.innerHTML=o},t=1)'>

Great golfed snippet from Martin Kleppe – can’t wait to fork it… 😀

This was updated a bit later to be even smaller:

<body onload='setInterval(f=n=>{for(t++,o=i=1;i++<476;o+=i%30?([(f+f)[i],"o"][c=0|(h=v=>(M=Math).hypot(i/30-7+3*M.sin(t/8/v),i%30/2-7+4*M.cos(t/9/v)))(7)*h(9)*h(6)/52]||".").fontcolor(c?c>2:n):"\n");p.innerHTML=o},t=1)'bgcolor=X><pre id=p>

December 22, 2021

// dom // golfed // graphics // hacks // html // humor // javascript // math // strings // tricks

Bind All Methods to a Class instance JavaScript

```
function bindAll(target) {
```

  const keys = Object.getOwnPropertyNames(target.constructor.prototype);

  for (let i = 0; i < keys.length; i++) {

```
    const key = keys[i];
```
```
    const propOrMethod = target[key];
```

    if (typeof propOrMethod === 'function') {

      target[key] = target[key].bind(target);

```
    }
```
```
  }
```
```
}
```
```
 
```
```
class Test {
```
```
  constructor() {
```
```
    bindAll(this);
```

    document.addEventListener('click', this.onClick);

```
  }
```
```
  onClick(e) {
```
```
    console.log('click', this);
```
```
  }
```
```
  otherMethod(e) {
```
```
    console.log('test', this);
```
```
  }
```
```
}
```
```
 
```
```
const test = new Test();
```
```
 
```
```
setInterval(test.otherMethod, 1000);
```

This is useful when you know you need many methods of a given class to be bound to the classes instance. Another way to do this is to selectively use instance properties:

```
class Test {
```
```
  constructor() {
```

    document.addEventListener('click', this.onClick);

```
  }
```
```
  onClick = e => {
```
```
    console.log('click', this);
```
```
  }
```
```
  otherMethod e => {
```
```
    console.log('test', this);
```
```
  }
```
```
}
```

Avoiding classes is another way to not have to deal with this issue 😉

December 12, 2021

// humor // javascript // oop

Obfuscated Pseudo-typed Globals

```
number:age = 33;
```
```
number:height = 6;
```
```
string:name = 'joe';
```
```
object:person = { name, age, height };
```
```
console.log(person);
```

WARNING: do not use this

This one is bad enough that I feel the need to put a warning. This is some weird obfuscation… I’ve put labels before global variable definitions so they look like type declarations.

It’s funny, monaco says lots of stuff about this one if you hit the Try it out… button you can see…

November 26, 2021

// humor // javascript // obfuscation