JavaScript オブジェクトへの変更を防止する方法
Object.preventExtensions() を使うことで、新しいプロパティが追加されることを防止します。
const person = {name: 'tamibouz'}Object.preventE ...
JavaScriptで変数をカプセル化する方法
以下のような感じでできます。ただ普通にクラスを使った方が分かりやすいと思います。
const hoge = () => {let count const getCount = () => { return count ...
JavaScript イベントオブジェクトの扱いについて
JavaScriptではイベントの処理をすることができます。
クリックしたときなどにイベントオブジェクトが発生し、そのオブジェクトには多くの情報が含まれています。
しかし、このイベントオブジェクトを関数から関数 ...
JavaScriptの落とし穴と、コードを書くときに気にかけると良いこと
クイズです。以下はあるアプリケーションのコードの一部です。
<div id="hoge">hoge</div>const el = document.getElementById( ...
PWAってどうなったのか
以前の現場でPWAに触れたことがあったのですが、iOS が Web Push に対応していなかったりして、苦労した記憶があります。
その部分はいまだに解消されていないようで、Apple社としては対応する気はおそらくないでし ...
jest でコールバックのテストをしたいとき
以下のようなコールバックを受けて実行する関数があります。
この関数がコールバックを(何回)実行したか、コールバックが受け取った引数は何か、戻り値は何かをテストしたい場合は、mockを利用します。(hoge関数は適当です)
JavaScript TypeScript カリーによって引数を減らすメリット 事例
例えば、以下のような数値を更新する関数があるとします。
const increment = (num: number) => num + 1const double = (num: number) => num * ...
Web Worker のpostMessage() で送るデータについて
Web Worker では、メインスレッドとWorkerでやりとりする際にpostMessage()を使います。
このpostMessage()引数にしたデータですが、メインスレッドとWorkerで共有するわけではありませ ...
JavaScript Web Workerについて
JavaScriptはシングルスレッドです。
そのため、重い処理を行ってしまうと、ブラウザの描画が止まったりとユーザビリティが低下します。
Web Worker を使うことで、別スレッドで処理を実行できるため、 ...
JavaScript mapの第二引数
今日こういうコードをみました。少し変えています。
const result = arr.map((user, i) => {//それなりに長い処理})まったく問題ないコードなのですが、一つ困ったことがありました。