Javascript

プロジェクトで「if (window.top === window.self) {…}」という条件式を初めて見たので、その意味を調べてみました。 この条件式は、開いているページがiframeで読み込んだページを表示しているかどうかを判定するためのものです。 ...

JavaScriptにのデータ型には、プリミティブ型（基本型）とオブジェクト型（参照型）がある プリミティブ型（基本型） 真偽値（boolean） 数値（number） 文字列（string） null undefined シンボル（symbol） オブジェクト型（参照型） プリミティブ型（基本型）以外のデータ型 ...

.eslintrcのrulesに「defalut export」の記述を禁止するルールを追加したとする。 module.exports = { ... rules: { ... "import/no-default-export": "error", ... } }; このとき、sotrybookのstories.tsxにはこのルールは適用外にしたい。 ...

reduce()の説明と使い方を説明する。 reduce()は、配列の隣り合う値に対して関数を適用させて、その実行結果を返すメソッド。 コードを書いて動きを確認してみる。 ...

Google Chromeのデバッグコンソールに以下のようなエラーが出た。 front.js:8 Uncaught ReferenceError: browser is not defined at HTMLDocument.<anonymous> (front.js:8) 色々調べた結果、今回の場合はGoogle Chromeの拡張機能が原因だった。 ...

ES2015（ES6）から追加されたアロー関数だが、省略した書き方が色々あるのでまとめてみる。 アロー関数の基本形 アロー関数は基本的には、無名関数（匿名関数）の省略記法で、その名の通り=>を使って関数リテラルを定義する。 ...

npm installでパッケージをインストールしたが、再インストールして入れなおすには以下のようにする。 npm cache clean rm -rf node_modules/ npm install

前回記事のPromiseについて解説の続きで、今回はasync/awaitについて解説していく。 async/awaitを使うことで、前回に解説したPromiseの処理を同期的な記述で簡潔に書けるようになる。 asyncとawaitと使う Promiseインスタンスを返してくれるgetHello( )がある。前回のPromiseではこの関数にthenメソッドを繋いであげれば、非同期処理後の処理の記述ができた。 ...

前回の「コールバック関数について解説」の続き。 非同期処理の際にコールバック関数を使うのは有効であるが、コールバック地獄に陥りやすいデメリットがある。 コールバック地獄対策として非同期処理を簡潔に書けるようにしたのが、Promiseである。 ...

JavaScriptをやっていて、「async/await」ってなんやって思って、ググったら「Promise」の進化版ってことらしい。 今度は「Promise」をググったら、コールバック関数の概念が必要ってことが分かった。 ...