要旨 import { interval } from 'rxjs'; const observable = interval(1000); const subscription = observable. subscribe(i => console.log(i)); setTimeout(() => subscription.unsubscribe(), 3000); 出力 /app # node tmp.js 0 1 /app # 参考 rxjs.dev

要旨 class Person { constructor(name, height, weight) { this.name = name this.height = height this.weight = weight } getData () { return { name: this.name, height: this.height, weight: this.weight, } } } taro = new Person('taro', 180, 60) …

要旨 ['a', undefined, 1, null].filter(Boolean) // => ['a', 1] 詳細 filter の構文は、次のようになっている。 let newArray = arr.filter(callback(element[, index, [array]])[, thisArg]) この時、 callback に Boolean を指定すると、 Boolean(elemen…

要旨 console.log('log') console.warn('warn') console.error('error') それぞれの見た目 詳細 主要なブラウザは、全て対応している。 console.log() では埋もれてしまうくらい沢山の出力がある際、特定の出力を目立たせる時に便利。 参考 developer.mozill…

背景 asyncDataもfetchも、どちらも非同期にデータを外部サーバへ取りに行く処理を定義するための関数である。どちらも似たような処理ができるものの、2つ用意されているという事はそれぞれに異なる用途がある事を示す。 ここではCSR (Client-Side Rendering…

概要 {} === {} // => false 詳細 JavaScriptでの比較は、落とし穴が多い。詳しくは参考に挙げたページを見てもらえるとわかるが、 +0 === -0 が false になったりと良く知っていないとハマりがちである。 ではどうやって object 同士を比較すれば良いか、と…

debugger を入れておけば、そこで動作が止まってデバッガが開く。便利。

要旨 console.log({ somevalue }) としてコードに埋め込んでおくと、「somevalue: (somevalueの値)」とコンソールに表示されるので、デバッグに便利。 console.log({ somevalue })とした例 詳細 ES2015で入った「略記プロパティ名」という記法を使うと、 obj…