TypeScriptでトリプルイコール(===)を使用するのはなぜですか?

21
Golo Roden 2019-07-21 04:36.

JavaScriptでは、明白でよく知られている理由から、の===代わりに使用することが一般的にベストプラクティスと見なされ==ています。

TypeScriptでは、どちらが優先されますか?他よりも好ましいものはありますか?

IMHO、===TypeScriptで使用することは意味がありません。比較はすでに等しい型でのみ機能するため、プレーンJavaScriptのように(多かれ少なかれ面白い)強制ゲームはありません。JavaScriptとの互換性を少しの間脇に置いておくと、TypeScriptはそれを取り除くことさえ===できますね。

3 answers

15
user886 2019-07-21 05:28.

TypeScriptを最初から設計していると想像してください。基本的に、あなたはより安全なコードを書きやすくするために最適化しようとしています(TypeScript設計目標1)。いくつかの注意点があり、やりたいことをすべて実行できません。

JavaScriptの互換性(TypeScriptの設計目標7)

JavaScriptは、変更のない有効なTypescriptである必要があります。

CoffeeScriptはこれに関して保証を行わないため、のすべてのインスタンスを==に変換し===、ユーザーにの動作に依存しない==ように指示することができます。TypeScript==は、その動作に依存するすべてのJavaScriptコードを壊さずに再定義することはできません(これは3に悲しい影響を及ぼしますが)。

これは、TypeScriptがの機能を変更できないことも意味します。===たとえば、コンパイル時に両方のオペランドのタイプをチェックし、異なるタイプの変数を比較するプログラムを拒否します。

さらに、互換性は単なるJavaScriptプログラムに限定されません。互換性を破ると、==との違いについての仮定を破ることによってJavaScriptプログラマーにも影響を及ぼします===。TypeScriptの非目標番号7を参照してください。

ユーザーを驚かせる可能性のある行動を紹介します。代わりに、他の一般的に使用される言語で採用されているパターンを十分に考慮してください。

コンパイルのターゲットとしてのJavaScript(TypeScript設計目標4)

すべてのTypeScriptはJavaScriptで表現可能でなければなりません。さらに、可能な場合は慣用的なJavaScriptにする必要があります。

ただし、実際には、TypeScriptコンパイラは、すべての比較でブール値を返すメソッドを使用して=====完全に廃止することができます。これはユーザーにとってさらに安全かもしれません:各TypeScriptタイプでタイプセーフな等式メソッドを定義します(operator==オーバーロードせずに、C ++のように)。

したがって、回避策があります(クラスを比較するユーザー向け)。unknownまたはany、タイプセーフな等式メソッドを使用する前に、変数のタイプを絞り込むことができます。

どちらを好むか

===JavaScriptのどこでも使用できます。これには、に共通する落とし穴を回避できるという利点があり==、追加のメソッドを維持する必要がありません。TypeScriptコンパイラの出力は慣用的なJavaScriptに近くなります。使い方は==あなたが持っている場合は特に、JavaScriptなどの非常に同じ落とし穴を持っているany[]または{}関与。例外として、を使用== nullしてチェックするnullundefined、ライブラリコードに一貫性がない場合は、頭痛の種を減らすことができます。

参照の同等性(===クラスの場合と同様の動作)のメソッドは、深い/値の再帰的な同等性チェックと混同される可能性があります。さらに、===TypeScriptで広く使用されており、コードを規則に準拠させることは、通常、型の安全性よりも重要です。

12
lhk 2020-03-14 01:44.

ショートバージョン

==JavaScriptで、予想外の型変換を行うことができます1=="1"ですtrue===オペレータはこれを回避します。異なるタイプをと比較すること===は常にfalseです。

異なるタイプを==。と比較すると、typescriptコンパイラはエラーメッセージを出力します。これにより、==Javascriptで発生する可能性のある予期しない型変換が排除されます。

これは、有効なJavascriptがtypescriptコンパイラでエラーメッセージを表示する場合です。すべての有効なJavascriptが有効なTypescriptでもあるという考えは、よくある誤解です。これは単に真実ではありません。

長いバージョン:受け入れられた答えは誤解を招くと思います。Typescriptは実際に==vsを修正します===(少なくとも可能な限り)。

Javascriptには、2つの比較演算子があります。

  • ==:数値や文字列などのプリミティブ値を比較する場合、この演算子は比較を行う前に型変換を適用します。1 == "1"に評価されtrueます。
  • ===:この演算子は型変換を行いません。タイプが一致しない場合は、常にを返しfalseます。

また、両方の演算子は、参照に基づいて参照タイプを比較します。2つの別々のオブジェクトは、同じ値を格納している場合でも、互いに等しいとは見なされません。

let a = {val:1};
let b = {val:1};
c = a;

a==b; // false
a===b; // false
a==c; //true
a===c; //true

したがって、Javascriptの比較でエラーの2つの一般的な原因があります。

  1. 異なる型をと比較すると==、予期しない型変換が発生する可能性があります。
  2. オブジェクトと配列の比較は、内部に格納されている値ではなく参照に基づいています。

既存の回答がすでに述べているように、TypescriptはJavascriptのスーパーセットとして設計されています。したがって、これらの比較演算子の動作は変わりません。==Typescriptで書くと、型変換ができます。

では、これはどのように修正されますか?コンパイラで。互換性のない型を比較す​​るコードを実際に作成する場合は==、コンパイラエラーです。次のサンプルをコンパイルしてみてください。

let str = "1";
let num = 1;

console.log(str == num);

コンパイラは次のように通知します。

comparisons.ts:4:13 - error TS2367: This condition will always return 'false' since the types 'string' and 'number' have no overlap.

4 console.log(str == num);
              ~~~~~~~~~~

Found 1 error.

有効なJavascriptも有効なTypescriptであるというのはよくある誤解です。これは真実ではなく、上記のコードは、typescriptコンパイラが有効なJavascriptについて文句を言う例です。

これにより、2つのエラーの原因のうち最初の原因である予期しない型変換が修正されます。エラーの2番目の原因である参照に基づく比較は扱いません。私の知る限り、オブジェクトに格納されている値に基づいて比較を行う場合、これらの演算子を使用することはできません。独自のequals()メソッドを実装する必要があります。

また、コンパイラエラーが間違っていることに気付いたかもしれません。比較は常にfalseと評価されるとは限りません。これはtypescriptのバグであり、問題を提起したと思います。

0
Ivan Kleshnin 2020-12-08 21:48.

あなたの直感は正しかった。===TypeScriptで等価性チェックを模倣するために使用する意味はありません。TSがJSにコンパイルされるという議論は、「JSで優れているものを使用する必要がある」という議論は無効です。どうして?Typescriptは、比較演算子の両方のオペランドが同じタイプであることを保証するためです。両方のオペランドの型が同じで=====動作が同じ場合。そして、「同一」とは、「類似」だけでなく、100%同一であることを意味します。したがって、JavaScriptで両方がまったく同じように動作する場合、これ以上正しいバージョンや正しくないバージョンはありません。

ここにいる他のコメント投稿者は、使用する習慣を維持する方法、===つまり合理化する方法を探しているだけだと思います。残念ながら、純粋なロジックは別の言い方をします。生成されたJSコードを手動で変更する場合を除い=====、に置き換える意味はありません。おそらくそうはなりません。

===はIDチェック専用に使用しています(xをxと比較する場合、同じ変数で、メモ化に関連するライブラリコードで必要になる場合があります)。そして、eqeq演算子に関連するエラーの私のカウンターは0を示しています。

Related questions

MORE COOL STUFF

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire が息子の Shelby Blackstock と共有しているクリスマスの伝統について学びましょう。

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルとマライア・キャリーが自然な髪の上でどのように結合したかについて、メーガンの「アーキタイプ」ポッドキャストのエピソードで学びましょう.

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子が家族、特にチャールズ王とウィリアム王子との関係について望んでいると主張したある情報源を発見してください。

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドが、母親のナオミ・ジャッドが亡くなってから初めての感謝祭のお祝いを主催しているときに、彼女が今では家長であることをどのように認識したかを学びましょう.

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セント ヘレナ島のジェイコブズ ラダーは 699 段の真っ直ぐ上る階段で、頂上に到達すると証明書が発行されるほどの難易度です。

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

2017年の最も人気のある投稿

2017年の最も人気のある投稿

ここLifehackerでは大きな年でした。一緒に、私たちはミツバチを救おうとし、ハッキングされ、太陽をじっと見つめ、グロスチェーンレストランの食べ物を食べ、核爆弾から身を隠しました。

ラストコール:素晴らしき人生だ、コーシャワイン、そしてジュリアチャイルドはユールログを作るのが苦手

ラストコール:素晴らしき人生だ、コーシャワイン、そしてジュリアチャイルドはユールログを作るのが苦手

写真:ゲッティイメージズ経由のハーバート・ドーフマン/コービスさて、昨日、幼い子供たちにマジシャンズを見させて銃を飛び越えていたようです。知っておくと良い!昨夜、娘と私はシカゴの素晴らしいビンテージシアターであるミュージックボックスで映画を見に行きました。年齢に関係なく、誰も問題を抱えてはいけません。それは素晴らしい人生です。

それにふたを置きます。実際、すべてに蓋をしてください。14ドルで12個のシリコンストレッチキッチン蓋を手に入れよう. [エクスクルーシブ]

それにふたを置きます。実際、すべてに蓋をしてください。14ドルで12個のシリコンストレッチキッチン蓋を手に入れよう. [エクスクルーシブ]

Tomorrow's Kitchen シリコンストレッチ蓋 12個パック | $14 | アマゾン | プロモーション コード 20OFFKINJALids は基本的にキッチンの靴下です。常に迷子になり、二度と閉じられない孤立したコンテナーが残ります。しかし、蓋が伸びて、残った容器、鍋、フライパン、さらには大きなスライスされた果物のすべてに適合するとしたらどうでしょうか? その非常に特殊な蓋を失うことを二度と心配する必要はありません。

あなたの最高のワシントン DC ハックを教えてください

あなたの最高のワシントン DC ハックを教えてください

このコラムでは、ロサンゼルスやラスベガスなど、いくつかの産業都市をハッキングしました。今こそ、軍産複合都市の時代です。

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

ロシアのフィギュアスケーター、カミラ・バリエバが関与したドーピング事件が整理されているため、チームは2022年北京冬季オリンピックで獲得したメダルを待っています。

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

何千人ものAmazonの買い物客がMulberry Silk Pillowcaseを推奨しており、現在販売中. シルクの枕カバーにはいくつかの色があり、髪を柔らかく肌を透明に保ちます。Amazonで最大46%オフになっている間にシルクの枕カバーを購入してください

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

ラファイエット警察署は、「不審な男性が女性に近づいた」という複数の苦情を受けて、12 月にパデュー大学の教授の捜査を開始しました。

コンセプト ドリフト: AI にとって世界の変化は速すぎる

コンセプト ドリフト: AI にとって世界の変化は速すぎる

私たちの周りの世界と同じように、言語は常に変化しています。以前の時代では、言語の変化は数年または数十年にわたって発生していましたが、現在では数日または数時間で変化する可能性があります。

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

犯罪擁護派のオークランドが暴力犯罪者のロミオ・ロレンゾ・パーハムを釈放

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

認知症を患っている 91 歳のアジア人女性が最近、47 番街のアウター サンセット地区でロメオ ロレンゾ パーハムに襲われました。伝えられるところによると、被害者はサンフランシスコの通りを歩いていたところ、容疑者に近づき、攻撃を受け、暴行を受けました。

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Cómo mejoramos la accesibilidad de nuestro componente de precio, y cómo nos marcó el camino hacia nuevos saberes para nuestro sistema de diseño. Por Ana Calderon y Laura Sarmiento Leer esta historia en inglés.

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

Language