Type Script-安定だけでなく、速いです.

4071 ワード

前言
Type Scriptについては、ほとんどの人がすでに知っているはずですが、ここでは知っているような回答を書き写します.
Type ScriptはJavaScriptの強力なバージョンです.コンパイル期間には、タイプと特有の文法を抜き、純粋なJavaScriptコードを生成します.最終的にブラウザで実行するのはやはりJavaScriptなので、Type Scriptはブラウザのサポートに依存しないし、互換性の問題もないです.
個人的には、Type Scriptを使ってプロジェクトを書くのはもう半年以上になりました.中にはType Scriptの配置とアップグレードに振り回されてパソコンを打ちたい時もあります.全体的にType Scriptを使ったこの一年は、どんな感じでもあります.しかし、最終的にはType Scriptの使用を堅持しています.それは環境のアップグレードによるオーバーヘッドよりもはるかに大きい効率をもたらすからです.
安定がすべてを圧倒する
プログラマーとしては、コードをオンにした後は、突然のエラーではなく穏やかに走ってほしいです.だからType Scriptの前に一番重要なのは静的タイプ検査機能です.
静的タイプの検査の役割については、知ろうとする別の回答に関連する回答があった.
静的タイプ検査は多くの不必要なエラーを避けることができます.デバッグの時に問題を発見する必要はありません.
怠け者の自己救済
しかし、私は怠け者で、繰り返しのことに時間をかけたくないです.本を暗記するように、Appの文書を暗記するのも嫌です.もっと自分の時間を核心業務の開発に専念したいです.辺境角のことではないです.
去年の十月、実際に勉強する必要があったので、先端フレームに接触することが多くなりました.一日中の開発を感じました.大半の時間は文書を調べることに浪費しました.特に一部のReactのコンポーネントはpropsが多くて長いです.
このような毎日のほぼ絶望的な繰り返しの労働の下で、私は解決方法を探してみました.その後、ある日Type Scriptに接触しました.これは自分の欲しい機能だと感じました.うん、気になるのはType Scriptの安定性ではなく、Type Scriptのコード提示です.
例えばNode.jsを書く場合、Type Scriptを使うか使わないかの違いはこうです.
マニュアルでAppをめくる必要がないだけでなく、パラメータは何なのかも分かります.
また、Type Scriptのコード提示はタイプファイルに基づいています.各エディタが定義したコードセグメントに比べて、多くのボランティアがメンテナンスに行き、更新が適時であるだけでなく、種類も多く、基本的には既存のファッションフレームの種類もあります.それぞれの種類の定義ファイルがあります.
だからType Scriptを使ってからは、Apiやパラメータを頭で覚えることなく、開発効率と幸福感が大幅に向上しました.
安定だけでなく、もっと速く
Type Scriptの速さは、コードの提示だけでなく、再現、可読性、組み合わせのエディタにも反映されています.
コード再構築
再構成の上で、これは自分で実際に体得したのです.JSを書いたら、再構成の時にうっかり何かを変えてしまいました.運行時以外には気づきにくいです.ESLintも簡単な問題を調べるしかないので、BUGが出たら大変です.Type Scriptは違っています.再構成されています.再編集すれば、どこが間違っていますか?どこが変更されたのかが分かります.自分のように、時々再構成する人にとっては、時間も省けますし、手間も省けます.
可読性
可読性はType Scriptが明らかに優れています.ソースコードを確認する時、注釈が十分ではないと、よく見られる雲の中に霧があります.Type Scriptは同じ条件で少なくとも一つのタイプがあります.コードのパラメータ、戻り値、意図が分かりやすくなります.
エディタ
これは言及しなければならない部分です.VCodeはとても便利で、性能も高く、エディタ自身は高速の開発と反復状態を維持しています.時々VCode開発チームの誠意と驚きを感じられます.
いずれもマイクロソフトの製品なので、VCodeのType Scriptへのサポートもかなり整っています.各種プラグインも続々と現れています.Type ScriptによるAutomatic Type Acquisition機能により、JavaScriptのユーザーも詳細なコード提示機能を享受できます.この点はSublimeなどのエディタよりも便利です.
VVS Codeエディタの上手さと配置については、閻魔が発表したこの文章を見てもいいです.どのようにIDE-VSCの配置ガイドとプラグインの紹介を素早く始めますか?
自分を解放して、業務の核心の開発に専念します.Type Scriptエディタのプラグインがオススメです.
もちろん、Type Scriptを書くたびに、いくつかの悩みや繰り返しの労働が発生します.例えば、TypeScriptのタイプ定義ファイルはマニュアルで該当する@typesパッケージをダウンロードする必要があります.前の方式よりずっと進化していますが、毎回繰り返しています.ですから、自分がよく使うプラグインをいくつか紹介します.煩雑で面白くない仕事から解放されます.
Type Script Importer-別れを告げて手動で繰り返しimportを書く日
プラグインアドレス:Type Script Imporer
これは私の一番好きなプラグインです.具体的な役割は、一図千言に勝ちます.
長いパスの中で、もう一つのファイルの奥のモジュールを導入して、その感覚は絶望です.毎回繰り返しているimportは、毎回繰り返し判定パスを繰り返して、毎回もう一度importを書き直します.
仕事量も少ないですが、気持ちと効率に影響があります.
Types aut installer-対応するタイプ定義ファイルを自動的にインストールします.
プラグイン住所:Types atot installer
前にモジュールをインストールし、Type Scriptで2つのコマンドを実行します.lodashを例に挙げます
npm i lodash --save
npm i @types/lodash --save
もちろん、あなたも一言にまとめて書くことができます.仕事量は少ないですが、量が多くて、プロジェクトごとに一回来なければならないので、絶望的です.
自動インストールタイプの定義ファイルを書くためのツールを考えていましたが、確かに後ろにも書いてあります.ただ、VSBCodeにはこのプラグインがあり、機能も充実しています.プラグインの役割は簡単です.
npm install --save lodash
自動的に実行されます.
npm install --save @types/lodash
同時に、すべてのpackage.jsonをダウンロードしてインストールする機能もあります.とても便利です.
Sort Typeescript Imports-あなたにimportのモジュール達を並べ替えます.
プラグイン住所:Sort Typeescript Imports
同じように、多くの話をしないでください.
これは機能していないように見えるプラグインです.実は、importの順序が整然としていますか?開発効率などはそれほど向上していないようです.しかし、これは設定を受け入れると、面白いと感じるかもしれないプラグインです.
具体的な役割は、あなたのimportをより順番にして、近くのフォルダの配列を一緒にすることです.もっと綺麗に見えます.
Emmm……何か役に立てるなら、もっと綺麗でしょう.…私のような軽いコード潔癖症の人の気持ちにぴったりです.
なぜこれに注目しますか?
知っているところで、「最近の最先端技術スタックでは、どの技術点が一番お困りですか?」という質問に答えました.
開発環境の構築.公式のcliがなくて、あるいは自分でいくつかの開拓をします.様々なエラーが報告されていますが、このような開発環境で蓄積された経験と踏みつけられたピットは価値が非常に低いです.(基本的には最後の公式設定文書を翻訳しても解決できますので)時間がかかります.学習価値が低く、更新速度が速いです.
ここでは同じ道理です.Type Scriptと関連プラグインで解決した問題は、煩雑で面白くない、成長ゼロの仕事であり、気持ちにも影響します.この時間があったら、なぜ彼女と一緒にいないですか?もっと勉強して、もっと面白い問題を解決します.コンピューターで解決できる問題はコンピューターに解決させましょう.
参考資料
  • Type Scriptはどう評価しますか?王沢の答え
  • flow.js/typescriptのような定義パラメータタイプの意味は何ですか?vilicvaneの答え