まだ使ってる？今は非推奨となったJavaScriptの書き方

2021年11月18日 JavaScript いつも何気なく使っていたコードをふと調べ直してみると、知らないうちに「Deprecated（非推奨）」と書かれている…なんてこともありますよね。今回はJavaScriptを書いていて出くわした非推奨となったものをいくつか紹介します。 document.write 画面にテキストを表示する document.write 。JavaScriptの勉強を始めて最初に書いたコードがこれだったという方もいるのではないでしょうか？これはブラウザーのレンダリングに悪影響が出たり、DOMへの影響などを考慮して「強く非推奨」とされています。 これまでの記述例： document.write('やっほーい'); 解決策1：textContent や innerHTML を使う 代わりに文字列を書き換える textContent や、HTMLも含めた文字列を挿入でき

[yuu665]

keyCodeが非推奨なのは知ってるけど、「key==='Enter'」とするとMacでは日本語入力確定時のエンターにも反応しちゃうからしぶしぶkeyCode使ってる https://qiita.com/ledsun/items/31e43a97413dd3c8e38e

[rasterson]

実はvarを使い続けてる。動かないプラウザがあると怖いから。もうconstやletが使えない環境は無いのかな？良い機会だから、他のもあわせて後でチェックしてみよう。追記)ちなみに、個人でSPA作って公開したりしてるんよ。

[masahiroy]

まあ varが意味わかりやすいわな、variableだから。let, const はその挙動と名前が直感的じゃない。 letの由来はなんだ？

[paperclipsquare]

主題と違うけど、このサイトのダークモード仕様いいなあ。ダークモードは目の負担が減るから助かる。スマホならメニューからダークモードをオン／オフ切り替えられるし、この仕様がウェブ標準にならないかな。

[odz]

古のBASICの代入分はLETだったのはもうあまり知られてないのだなぁ。LISP/Schemeにもあってその辺を知ってる人からすると違和感ない

[sisya]

event.keyの値が文字列なのはtypoミスが出やすくて気持ち悪いなと感じている。const値ならエラーも出せるのだが、文字列では何を入れてもエラーにはならない。

[yamami78651]

昔ながらのシステムには非推奨が残ってることしばしば。そして、スイスイ直せやしない環境というのもしばしば。

[otchy210]

document.write はその場に静的に HTML が書かれているのと同じ様に扱われるから、静的な HTML を前提としているライブラリを JS から動的に HTML ロードと同時に使いたいときに必要なのよ(伝われ！)。ハックなのは理解してる。

[silossowski]

JSがIE11で動かなくて、メチャ詰まったあとにconstをvarにしたら動いて、「IE11ってconst使えるはずだよな…？」とか悩んだのだけど、前任者が(当時最新の)IE10互換モードで動くように<meta>で設定してたせいだったことあった

[nil0303]

IE死ぬまでお守りをする方針になってしまったので、そのそもIE非対応で変えられないとか、他と挙動が変わってしまう内容には手を出せない状態。letですらIEとChromeで挙動が違う。さっさと滅びて欲しい。

[pixmap]

innerHTML()やinsertAdjacentHTML()もXSSを引き起こしやすいので、セキュリティ的にコンテンツ書き換えに使うのは非推奨。必ずHTMLエスケープして挿入すればいいけど、それで済むならtextContent()やinnerText()でいいしね。

[miruto]

document.writeとか懐かしい！

[hinaloe]

let， Let x be so and so... 的なやつだっけか https://stackoverflow.com/questions/37916940/why-was-the-name-let-chosen-for-block-scoped-variable-declarations-in-javascri

[primedesignworks]

みんな大嫌いな CoffeeScript をずっと使ってる。Python のインデントでブロックを構成するのがとにかく好きなのよね。だから Sass も .scss じゃなく .sass をずっと使ってる。

[zorio]

弊社、javascriptが非推奨になって新しいコードはtypescriptで書けってお達しがきた。

[alice_r]

つい最近まで、letの由来は「光あれ（Let there be light）」説を結構長い間信じていた。なんかすごいそれっぽいなと当時は思ってたものの、今ぐぐっても全然出てこないけどどこ発祥の説だったんだろう…

[mohno]

一応、メモ。

[Kenju]

https://codezine.jp/article/detail/11353　これの方がわかりやすいなぁ。varをずっと使ってきた身としてはletの挙動がわかりにくい。最初からletを使いたかった。 / サーバサイドのJavaScriptはなんも進化してないんだよなあ

[mysql8]

document.allがすこ

[OkadaHiroshi]

コードとして残す場合には使わないが、まさにその再宣言できるという機能が便利なのでrepl環境ではvarを使う。

[a96neko]

動かない環境に合わせて変数宣言は varで行ってるな

[envs]

with構文とかはもう忘れ去られたようだな

[programmablekinoko]

とはいえDOMをサードパーティライブラリでガチャガチャ書き換える今の姿が健全だともちっとも思えない、JSはいつだってスラム

[tettekete37564]

もうJavaScriptを非推奨にしようぜ

[delphinus35]

ほとんどDOMの話じゃん。

[moshimoshimo812]

letは、その機能を表そうとして名付けられたわけじゃなく、一般的な変数宣言の文言として採用されたと思う（var廃止を見据えて？）英語圏の人にとってはlet x = (equal) aはそのまま英語として読めるので直感的。

[kuroaka1871]

アップデートしないとね。。。わかっちゃいるけどね。。。

[kijtra]

let と const ってどのブラウザでも動くの？ / 調べたところIE11以前を無視できるなら安全らしい

[sds-page]

substrとsubstringで引数の挙動違うのヤバいな。他の言語も並行して使っててそれぞれの言語のsubstring系関数の挙動違ってくるとあたまおかしなるで

[mr_ozin]

Reactのサンプルコードでvarが出てくるとモヤモヤしてしまう

[dgen]

keyが文字列なのは面倒だな。でもシフト同時押しも区別できるのか。ゲームに使うとなるとシフト以外の複数同時押しとかその場で１つのキーが押されてるか判定できるとありがたいんだけど。

[tmayuko312]

var使う気持ちわかる。htmlだと似たような理由でブロック要素をa要素で囲んでるソースを見るとハラハラしてしまう…というか、気持ちが悪い。

[ooblog]

#JavaScript #ECMAScript 「過去の書籍や記事~知らないうちに~Deprecated（非推奨）」「document.write~document.getElementById()~.textContent~.innerHTML」「event.keyCode~event.key」「.substr()~.substring()」「var~letやconst」

[ukayare]

jQueryは死ねとかいう過激な内容じゃなくてよかった

[dagama]

substrとsubstring、どういう宗教論争を経てそうなったんだろ。小学生のケンカか？／リファレンス読んだらsubstring余計なことしすぎなんでキレそう。https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

[altar]

具体例の列挙だけど網羅性がないので「動的サイトの概念が原始的な時代のやつ」「ブラウザAPI標準化」「ES2015の言語仕様」のように抽象度を上げて読まないと意味がない。が、それができる人にはこの記事いらんのでは

[kibitaki]

・・・という記事をjavascript切ったブラウザで読む／letに変えてもいいけどvarのままなのは変数名重複みたいなヘボはエディタなりIDEで止まる時勢だし指の転がり的に全然違うから。ヴぁｒ。