"レガシー"と言われないためのJavaScript再入門

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

[megumin1]

この記事内容において「おじさん」という言葉を使用する必要はないです。むしろ業界から滅ぶべき悪しき偏見です。「母親でもわかるようにわかりやすいUIにしましょう」と同じ構図の偏見。気をつけてね。

[kns_1234]

id要素を取得する場合 querySelector よりも getElementById の方がパフォーマンスが高いので、getElementById が必ずしも古くて良くないとは限らないと思います。

[kuroan]

別に、今昔比較としてよくまとまっているね、でいい話のはずなのに記事内コメントもブクマコメントもほぼ総叩きで記事主が可哀相。多少のミスなり言い回しの不備なりあったとしても、そこまで言わんでも……って感じ

[kkobayashi]

今まで避け続けてきたPromise周りを最近ようやくちゃんと勉強して理解できるようになったのでJS好きになった

[ayu118]

そもそも昔は class 構文なんてなかったので prototype で頑張っていたんじゃよ……

[altar]

byIdがquerySelectorより早いというトリビアが実用上重要な領域で仕事してる人って意外と多いのかな？

[omori_masayuki]

おじさんおばさんがNGという議論とは別に、誰かを踏み台にする表現、ひいては概念自体がもう受け入れられなくなってきている。

[atsushieno]

内部実装を見たことは一度もないけど、querySelector()はどう考えてもgetElementById()よりパフォーマンス悪いぞ… / もしかして「これからはLinqだ」みたいなことを言ってた連中と同類?

[mojimojikun]

複数のプログラミング言語を使っているとこのプログラミング言語ではコレ(この記事の個々の要素みたいなやつ)はどう書くんだったかな、てのを思い出せないので毎回ChatGPTさんに聞いてる(´・ω・`)

[acealpha]

ウェブに長年放置されてても動くようdeprecate出来ない最も下方互換を求められる、ある意味おじさんに優しい言語とも言える

[bananapenguin]

読みたい

[dot]

消えた

[sawarabi0130]

炎上してタイトル変わったらしい

[suneo3476z_tn]

AIで稼ぐブクマは美味いか？

[nharuki]

大体は現代風の書き方にしてたのでまだまだオジサンではない

[masayoshinym]

「昔のスタイル」すら新しいと感じる件。

[mako0717]

“コード”

[lamrongol]

今のjavascriptの文法はかなり改善しているらしい。

[iww]

勉強になる

[field_combat]

知らんの多いな、試すか

[lli]

あー勉強になる。コールバックのところ特に。

[KoshianX]

JavaScript どんどん便利になってるよねえ。

[xanaduuu]

元のhtmlソースの質しだいかな。JSだけでなんとかする時も多いから古い書き方もまだよく使う。面倒くさい

[tivrsky]

プライベートのやつ知らんかったわ

[eagleyama]

それたまに動かなくてもんどりうった思い出が、とか言うとオジさんなんだろうな

[xxxxxxxxlarge]

このくらいならPRでコメントで軽く指摘されるくらいで済みそう

[ustam]

それよりも、class属性でセレクターを取得する方が嫌われる。CSSのセレクターと被っちゃう事故が起きかねないから。

[rryu]

querySelectorを使う為に先頭に#を追加するのは無駄なのでgetElementByIdは適宜使い分けるだけだと思う。

[CardamomPowder]

この辺のより良い構文ってLIntにも引っかからない事多いから助かる。/こういう構文やコーディングルールをちゃんとレビューできる人がいたら助かるんだけど、中々放置されがちではある。

[izoc]

オジさんなので勉強になります

[udddbbbu]

おじさん構文

[takuzo1213]

これ「おじさん」ネタで炎上マーケやってるFORZA STYLE(例えばこんなやつ: https://forzastyle.com/articles/-/69067 )のパロディじゃ？元ネタははっきり言って嫌いだけど。

[txjp]

プログラマ界隈では「Staticおじさん」などと昔からおじさんを馬鹿にし続けてきた歴史がある

[tomaho]

速度面からいうとPromiseはCallbackより格段に（100倍くらい）呼び出しが重いです。Array.mapとかのループ処理も普通のfor文に比して数十倍重いので、getElementByXXXと同様にレガシーな処理のほうが優位なケースが多々あります。

[Helfard]

歴史を感じるなあ。でもこの昔のスタイルを全部実践している人が居たらさすがにざわっ…ってなりそう。

[onsen222]

ブコメも含めて知らなかったことも多くて役に立ったよ

[mitaro]

この手の「この書き方の方がいい」ってのの気づきには、各種linterとはてブとかに上がってくる各種記事の記憶とかに頼ってる。SonarLintとか、TypeScript/JavaScriptならESLintおよび各種プラグイン・コンフィグとか。

[hugie]

まずタイトルで読者に殴りかかってるから殴り返されるのも必然。

[earu]

Javaの進化での対応が生きている気がする ほとんど自力でできていた

[Wafer]

なんでまだJavaScriptつかわにゃならんのだ