Author: Martin

Es kommt schon mal vor das man geschachtelte arrays bekommt.
Zum Beispiel: Man möchte aus einem geschachteltem Array alle Werte in einem Array sammeln. Mit der array Funktion flat() ist das kein Problem.

const arr1 = [1, 2, [3, 4]];

arr1.flat();
// [1, 2, 3, 4]

Auch mehrstuffig verschachtelte Arrays kann man geradeziehen (flatten). Indem man der flat Funktion die Anzahl der verschachtelungen die aufgelöst werden sollen, mitgibt. Da man ansonsten in seinem result array die oberen verschachtelung mitgelistet bekommt.

var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]

Ein einfaches besipiel um JS bind() function zu verdeutlichen:

const a = {
  foo: 1,
  bar() {
    return this.foo + 1
  },
  lol: {}
}

const b = {
  foo: 21,
}

a.lol.baz = (function() {
  return this.foo
}).bind(b);
 
console.log(a.lol.baz()); 

Ab und an braucht man das und nicht nur in der Kombinatorik.

function fac(n) {
   return Array.from({length: n}).map((_,i) => i+1).reduce((a,b) => a * b, 1);
 }
 fac(4)
// 4 * 3 * 2 * 1 = 24

Wer es etwas übersichtlicher braucht (und dazu zähle ich mich auch) kann es auch in einer for schleife machen.

function fac(n) {  r = [];   for (let i = n; i > 0; --i) {     r.push(i)       }   return r.reduce((a,b) => a * b, 1);; } console.log( makeArr(4) );

“Promisification” ist ein lange Wort für eine ganz simple Sache. Es geht eigentlich um die immer gleiche Frage, sobald man das erste Mal in JS eine API Anfrage stellt. Wie krieg ich das Zeug in den globalen Scope?

Man bedient sich ganz einfach damit, die asynchronität zu stoppen und mal ein päuschen einzulegen. Sobald dann Daten da sind werden sie mit return an eine wartende Variable zugewiesen. Wie geht den das? Man wrapped die ganze Anfrage mit einem Promise Objekt. Bei erhalt der Daten übergibt man die erhaltenden Daten in ein resolve()oder reject(). Sobald das passiert ist der Promise aufgelösst. Solange ist er sonst im pending Modus.

Hier ein kleines Besipiel:

const api = "https://api.coingecko.com/api/v3/simple/price?ids=Bitcoin%2Cdai%2Csolana&vs_currencies=usd&include_market_cap=true&include_24hr_vol=true";
const obj = await new Promise((resolve, reject) => fetch(api)
 .then(res => res.json())
 .then(data => resolve(data))
 .catch(err => reject(err))
);

console.log('OBJ',obj) 

Aber, sollte man es verwenden?

Nein! Es ist ein absolutes Antipattern! https://stackoverflow.com/questions/23803743/what-is-the-explicit-promise-construction-antipattern-and-how-do-i-avoid-it