JavaScript言語仕様系Tips

ページはいつ更新されるか
- 現在のブラウザーの実装は、以下のようになっているようである。「ようである」というのは、仕様書で確認したわけではないからだ。
```
イベント発生 → 関数の実行 → ページの再描画
```
- 上記の例で意図したように、カウンターが動いた都度表示させたいと思ったら、その都度関数の実行を完了しなければならない。しかしカウンターを動かすという行為そのものに関数の実行が必要である。どうしたらよいか?
- その答えが、setTimeout()というわけだ。

↑

JavaScriptの不思議仕様†

【超難問】絶対に解けないJavaScriptクイズ8選 #JavaScript - Qiita 2024.6

JavaScriptの便利な記法や関数の紹介およびそれらの注意点について #TypeScript - Qiita 2024.6

JavaScriptで、なぜfor文の初期化部分においてletで宣言された変数はループごとに異なるインスタンスを持ちうるのか #JavaScript - Qiita 2024.3

JavaScriptでObjectに空のStringを足すと0になる！？……わけではなかった 2024.1

JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita 2015
- ビット演算子、_$、()()、ラベル、正規表現の/、バックスラッシュ、function前の記号

JavaScript を愛してくれ - エムスリーテックブログ 2022.12

7 neat tricks for JS that you probably did not know - DEV Community 👩‍💻👨‍💻 2022.8
- Readable numbers, Truncate the end of arrays, Short circuit evaulation(&&,||), Optional chaining(?.), Get unique values in an array, Nullish coalescing(??), Replace all

くそったれJavaScript - Qiita 2017

奇妙なJavaScript - Qiita 2022.7

['constructor']['constructor']['constructor']('return this')()['console']['log']('Hello JavaScript!')

React + Typescript の現場で初心者からよくあった質問とか小技的なのを書いてく - Qiita 2022.5
- JavaScriptの変態的な仕様いろいろ
- Falsy とはなにか,突然な || ってなに？、突然な && ってなに？、この ?? と ? は何ですか?、文字列結合はテンプレートリテラルを使ったほうが良い説、スプレッド構文

JavaScriptの反意図性(クソ挙動)を指摘するバズツイ周辺解説 - Qiita 2022.1

↑

null, undefined, NaN ...†

【JavaScript】「キレイなコード」を考える #1 null 結合 `??` ・オプショナルチェーン `?.` 演算子を使う - Qiita 2023.7

JavaScript の undefined と null を完全に理解する 2022.10

In JavaScript, what's the difference between a variable that is: null, undefined and undeclared? - DEV Community 2022.7

What is NaN in JavaScript? What is its type? How can you reliably test if a value is equal to NaN? - DEV Community 2022.7

undefined may not be undefined
- undefined,NaN,Infinityに代入が可能

Null & typeof 2012.6.22

↑

クロージャ†

クロージャ - JavaScript | MDN 2024.3

JavaScriptのGeneratorを使うとなぜ関数型プログラミングが捗るのか調べてみた｜zochang☕️ 2022.12

What is a closure? And why this matters ? - Javascript - DEV Community 👩‍💻👨‍💻 2022.10

ちょっと高度にJavaScript／クロージャでアクセサを作る 2012.10.5

ちょっと高度にJavaScript／クロージャの基礎 2012.10.4

↑

配列や集合の操作†

【JavaScript】ネイティブで集合演算できるようになった #proposal - Qiita 2024.7

ついに JavaScript に groupBy が実装されたぞ！！！ #JavaScript - Qiita 2023.11

【JavaScript】オブジェクト（+配列）について復習する - Qiita 2022.8

How to iterate over an object in Javascript? - DEV Community 2022.7

配列の最後の要素を取得する方法【JavaScript】 - Qiita 2022.4

【JavaScript】お前はまだコレクション関数を知らない - Qiita 2021.11

メンバに集計したい値を持つオブジェクトの配列で reduce を使って合計を出すサンプル

   chargedAmountsTotal() {
     return this.chargedAmounts.amounts.reduce(
       (accumulator, currentValue) => {
         accumulator.amount += currentValue.amount;
         return accumulator;
       }, {amount:0}
     ).amount ;
   },

JavaScriptでforEach, filter, map, reduceとか 2018.9

↑

非同期処理†

思考停止でasync/awaitを使うのはやめよう #JavaScript - Qiita 2024.10
- 1つの関数内で複数の非同期処理を柔軟に実行できない: 複数の非同期処理を並列実行したい場合、thenを使った方がシンプルに記述できるケースがある。async/awaitで複数の非同期処理を扱うには、Promise.allなどが必要になり、複雑になる場合も。

forEachでawaitを使おうとしたら怒られた #JavaScript - Qiita 2024.9

JavaScript で then を使うのは避けよう（await / async の初級者まとめ） 2024.5

await sleep.js【async 1行JavaScript】コピペ可 #JavaScript - Qiita 2024.5

【図解】1から学ぶ JavaScript の非同期処理 - Qiita 2023.7

async/awaitのaの違い～async wait説への反論 - Qiita 2022.11

【TypeScript】axiosの内側をPromiseから理解する - RAKUS Developers Blog | ラクスエンジニアブログ 2022.9

マンガでわかるJavaScriptのPromise マンガでわかるプログラミング | 柳井政和 | 青年マンガ | Kindleストア | Amazon 2022.6

【非同期処理】JavaScriptのPromise, async, awaitなどについての整理と使い方 - Qiita 2022.5

イベントループと TypeScript の型から理解する非同期処理 2022.4

JavaScriptの非同期を理解するにはMDN Web Docsを読むべき。翻訳しといたよ Part.1 - Qiita 2022.1

プログラミングの幅を広げよう！一段上のPromise活用テクニック - ICS MEDIA 2021.12
- 実践例1. Promiseでモーダル（alertやconfirm）を作る
- 実践例2. PromiseでAPIを確実にキャッシュする
- 実践例3. Promiseで同時処理数をコントロールする

Promiseの実装を読んでみた 2021.8

[JS]なぜawaitはasync関数の中にしか書けないのか 2021.7

複数の非同期処理を実行して結果待つ 2018.1

Promiseの使い方、それに代わるasync/awaitの使い方 2019.9

JavaScript Promiseの本

JSの非同期処理を初めてES6のPromiseを使ったものに書き換えてみた 2018.10
- promiseに渡した非同期処理はすぐに実行されるため、「非同期処理がすぐに終わったらどうなるの？thenを呼ぶ前に終わったらどうなるの？怖い」と最初は思いがちだが実行結果を保持して待つため問題ない。例の場合だとpromiseにAを渡してにthenでB,Cを渡してやると、thenを呼んだ際にAが終わっていようが終わっていまいが、必ずAが終わった後にBかCが呼び出されることになる。

Promiseを使う 2018.10

Promise再入門 2017.5.16

↑

オブジェクト指向 †

や...やっと理解できた！JavaScriptのプロトタイプチェーン 2013.2.15

Ruby脳が理解するJavaScriptのオブジェクト指向 2012.9.10

newを封印して、JavaScriptでオブジェクト指向する(1) 2011.5.7

↑

thisの理解†

JavaScriptのthisもこれで完璧！呼び出し方で変わる5つのパターン #初心者 - Qiita 2024.11

   1. メソッド呼び出し：オブジェクトのメソッドとして呼ぶ場合
   2. 普通の関数呼び出し：単独で呼び出す場合
   3. アロー関数：外側の this をそのまま使う
   4. new による呼び出し：新しいオブジェクトを指す
   5. bind/call/apply による呼び出し：this を固定する

JavaScript: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が10個ほどある。 - Qiita 2020

JavaScriptのthisを8種類試してみた - Qiita 2022.11

JavaScriptのthisを理解する 2017.7.30
初めてthisにぶち当たった人たちに贈るthisまとめ 2017.5.4
JavaScriptのthisの覚え方 2013.2.1
- トップレベルのthis
- コンストラクタ内のthis
- 何かに所属している時のthis
- function#apply とか function#call とかで無理矢理変えられた時のthis

JavaScript言語仕様系Tips

サブトピック†

一般†

JavaScriptの不思議仕様†

null, undefined, NaN ...†

クロージャ†

配列や集合の操作†

非同期処理†

オブジェクト指向†

thisの理解†

最新の50件

オブジェクト指向 †