JSの基本概念の詳細な紹介

多くの人は、 Javascriptに取り組む前に、 Javascript理論的な側面を無視してしまいます。これらの概念は、 Javascriptアプリケーションを構築するときに取るさまざまなパスとパターンを理解するのに役立ちます。これらのパターンはJS Landのすべてのフレームワークに存在するため、言語自体を学習する前にこれらの概念を理解しておくことは理にかなっています。

1. JSの特徴

1.1 マルチパラダイム

Javascript 、手続き型、オブジェクト指向型、イベント駆動型の関数型プログラミングをサポートします。 JSのオブジェクト指向プログラミングスタイルを習得することは非常に有益です。

オブジェクト指向プログラミングは、プログラマーがソフトウェアアプリケーションのコンポーネントをより簡単に視覚化するのに役立ちます。さらに、 Typescript (Javascript with Types) を学習すると、プログラマーは業界最高のデザインパターンを簡単に実装できるようになります。これらの設計パターンは、ソフトウェアプログラミングで発生する最も一般的な問題を最も効率的な方法で解決するために使用されます。

この汎用性により、 Javascript非常に扱いやすく、かつ非常に強力になります。

1.2 説明

Javascript 、プログラムを一度にすべて読み取るのではなく、行ごとに解釈するという点でC/C++とは異なります。つまり、 JS C/C++などのコンパイル言語よりも遅くなります。

警告: Javascriptは実行時に非常に反応性の高い言語として知られており、エラーのトラブルシューティングが非常に困難になります。

しかし、時間と練習を重ねれば、スムーズに走る方法を学ぶことができます。最も一般的なエラーは、変数がNULL値を返すことです。このような問題が発生した場合は、 Stack Overflowにアクセスしてください。エラーがいかにひどいものであっても、そのエラーに遭遇したのはあなたが初めてではないことは間違いありません。プロジェクトの開発中は、 console.log()頻繁に使用することもお勧めします。これにより、プログラムのライフサイクル内で変数が削除された可能性がある正確な瞬間を特定できるようになります。

1.3 シングルスレッド

Javascript一度に 1 つのタスクしか実行できません。タスクの種類に応じて、異なるタスクを異なるキューに登録します。
最も抽象的な意味では、 Javascript基本的に同期タスクと非同期タスクをグループ化し、それらを別々にキューに入れます。

同期タスクは、検出されるとすぐに処理される、つまりすぐに実行されるステートメントです。これらのタスクには、ログ記録ステートメント、変数宣言、条件チェックなどが含まれます。

非同期タスクには、出力を返すのに可変の時間がかかる可能性があるタスクが含まれます。非同期タスクの例としてはWeb APIから情報を要求することが挙げられます。

さらに、 JavascriptにはPromisesと呼ばれるJS Featureを処理するJob Queueがあります。

この Web ページを右クリックして [検査] タブをクリックすると、実際にJavascriptのシングルスレッドの性質を確認できます。次に、開いたウィンドウの「コンソール」タブに移動します。次のコードを入力して Enter キーを押します。 \

一方で(true) {}

このページは完全に応答していないことがわかります。これは、このページのJavascript 、上で実行した無限 while ループの実行でビジー状態になっているためです。

1.4 ノンブロッキング

非同期タスクについては以前に説明しました。 JS はシングルスレッド環境で実行されるため、デフォルトでは待機しません。

非同期コードブロックは、プログラム内のコードの位置に関係なく、すべての同期コードブロックの実行が完了した後にのみ実行されます。

console.log("私は最初のステートメントです")

タイムアウトを設定する(()=> {
console.log("私は2番目のステートメントです")
},1000)

console.log("私は3番目のステートメントです")

ここでconsole.log()はステートメントをコンソールに記録し、 setTimeout()関数は 1 秒後に 2 番目のステートメントを実行します。

出力を確認するとき

私は最初の声明です 私は3番目の声明です 私は2番目の声明です

3 番目のステートメントが 2 番目のステートメントの前にログに記録されていることがわかります。これは、JS が同期および非同期コードブロックを処理する固有の方法によるものです。

1.5 上級

JavaScriptは高級言語です。高水準言語というのは、単に人間が話す言語に近いというだけかもしれません。高水準言語は、プログラマーが構築しようとしているものをより適切に表現するのに役立つより多くの機能を提供します。

このJavascriptの高度な性質により、 Webのクライアント側部分を最適に処理できます。これまでのJSの大きな制限の 1 つは、クライアント側でしか提供できず、ほとんどのサーバー側言語のようにファイル操作ができなかったことです。

しかし、 NodeJS状況は変わり、開発者はJavascriptを使用してバックエンドサーバーを構築できるようになりました。したがって、ソフトウェア開発者は 1 つの言語のみを使用して、サーバー側とクライアント側の両方で作業できます。これにより、フルスタックエンジニアが増加しました。

1.6 動的型付け

Javascriptも動的型付け言語です。つまり、変数のデータ型を指定する必要があるCとは異なり、 Javascriptではtype-inferenceを使用して、変数が保持するデータの型を自動的に検出できます。 \

// C では変数にデータ型が必要です。 データ型をある型から別の型に変更するには、型変換 int a = 5; を使用する必要があります。
char b = "a";
フロートc = 7.036;

Javascriptでは、変数や定数を宣言するためにそれぞれletとconstを使用します。 \

a = 5とする
コンソールログ(a) // 5
a = 'こんにちは世界'
console.log(a) // こんにちは世界

const b = 'JS はクールだ' 
console.log(b) // JS はクール b = '気が変わった'
console.log(b) // エラー: const は変更できません

型推論は使いやすさからプラスポイントのように思えますが、機能として型の安全性を必要とする大規模なプロジェクトではすぐに欠点になります。

このため、大規模なプロジェクトでは、型、インターフェース、その他のさまざまな機能を提供するJavascriptラッパーであるTypeScriptが使用されます。