JavaScript言語仕様系Tips

→JavaScript

→JavaScriptのTips

→モダンJavaScript　←カリー化などはこちら

一般†

• JavaScript の複雑な型変換を今度こそ理解した - TECHSCORE BLOG 2024.4

• 「巻き上げ」の誤解【JS】 #JavaScript - Qiita 2024.4

• 【JavaScript】プロパティはいくつまで繋げられるのか？ #JavaScript - Qiita 2024.2

• TypeScriptの非nullアサーション演算子(!)について #TypeScript - Qiita 2024.1

• 【JavaScript】varとletを辞めてconstを使っていこう | レコチョクのエンジニアブログ 2023.11
• お前らはjsのvarとletの違いを分かってない - Qiita 2023.5

• JavaScriptの概念たち (前編) - Qiita 2018
• JavaScriptの概念たち (後編) - Qiita 2018

• JavaScriptのMapやSetをJSONやObjectあたりと相互変換したいという話 - CLOVER🍀 2023.3

• JavaScript to Know Before Learning ‘How to’ React 2022.10

• 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

• 6歳娘「パパ、条件によって変わる型を作りたいの」 - Qiita 2022.5
  • ConditionalTypes, infer

• JavaScriptのコードには、こんな書き方もある 2022.5
  • .破壊的メソッドを避ける,配列の要素の存在チェックに比較演算子を使わない,
  • 極端に数値が多いときは短くする書き方もある

    6e3 -> 6000 eの後の数字は０の数を意味する

• JavaScriptの上限・限界値 - Qiita 2022.5

• 【Javascript】空オブジェクトの判定方法 - Qiita 2022.3

• [JavaScript] Arrayメソッド破壊・非破壊チートシート 2020.3

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

• Javascriptでのenum（列挙型） 2016.7

• JavaScriptの基礎を押さえて、中級JS使いを目指す 2019.11

• テンプレート文字列 2019.10

• JavaScriptの行末セミコロンは省略すべきか 2015
  • 行頭にセミコロン | Re: yozik 2018

• JavaScriptのnewって本当にいらない子？ 2009.7

• JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 2018.8

• JavaScript の ジェネレータ を極める！ 2017.7.17

• TypeScriptの等価演算子(==)と厳密等価演算子(===)について - Qiita 2022.5
• JavaScriptの==の中身を知る 2017.4.28
  • ゆるい比較'=='と厳密な比較'==='

• JavaScript イディオム集 2013.7.3

• 即時関数(function(){ ... })()の別の書き方いろいろ 2013.6.16

• JavaScriptとコールバック地獄 2013.2.9

• JavaScriptでうっかりやってしまいそうなこと色々 2012.11.1

• What is the Execution Context & Stack in JavaScript? 2012.6.21

• JavaScriptのイベント
  • イベント
  • イベントハンドラ

• JavaScriptの初見で読みづらいシンタックス＆パターン9種 2012.1.10

• javascriptには整数はない
  • JavaScriptのNumberオブジェクトは、数値を常に浮動小数点で保持しているからです。そうなのです。JavaScriptには整数がないんです。整数が「ある」ように見えているのは、文字列にする時に小数点がないだけなのです。

• evalは最後の武器

• for文と無名関数のイディオム 2009.1.19

• Client-side database Storageとは 2008.3.28

• JavaScriptは変数名にUnicodeエスケープが使える

• JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
  • JavaScript には実行キューがあり、setTimeout は指定秒後にそれに関数を登録している、ということ

• ページはいつ更新されるか
  • 現在のブラウザーの実装は、以下のようになっているようである。「ようである」というのは、仕様書で確認したわけではないからだ。

    イベント発生 → 関数の実行 → ページの再描画

  • 上記の例で意図したように、カウンターが動いた都度表示させたいと思ったら、その都度関数の実行を完了しなければならない。しかしカウンターを動かすという行為そのものに関数の実行が必要である。どうしたらよいか?
  • その答えが、setTimeout()というわけだ。

JavaScriptの不思議仕様†

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

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

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

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

• くそったれ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 に 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

非同期処理†

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

• 【初心者向け】【JS・TS】forEachのコールバック関数内の非同期処理は、async/awaitで同期処理化できない - Qiita 2023.5
• [javascript] なぜ「forEachでasync/awaitは使えない」と言われるのか - Qiita 2022.12

• 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: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が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

最新の50件