ホームページ > 記事 > ウェブフロントエンド > JavaScript とは何の言語ですか?
JavaScript は、クロスプラットフォームで解釈され、動的に型付けされ、弱い型付けされたプロトタイプベースのスクリプト言語です。 JavaScript は、Web アプリケーション開発で広く使用されているネットワーク スクリプト言語であり、Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。 JavaScript コードは単独では実行できません。通常、スクリプト タグを使用して HTML に配置し、ブラウザ環境の助けを借りて実行する必要があります。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript とは何ですか
JavaScript は、動的に型付けされた弱い型付けのプロトタイプベースのスクリプト言語です。そのインタプリタは JavaScript エンジンと呼ばれ、ブラウザの一部であり、クライアント側のスクリプト言語で広く使用されています。HTML Web ページに動的な関数を追加するために HTML Web ページで最初に使用されました。
JavaScript は、Web アプリケーション開発で広く使用されているネットワーク スクリプト言語です。Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。通常、JavaScript スクリプトは HTML に埋め込むことでその機能を実現します。
JavaScript は、プリコンパイルを必要とせず、さまざまなオペレーティング システムで実行できる、クロスプラットフォームで解釈される言語です。
JavaScript には次の特徴があります:
1) インタープリタ型スクリプト言語
JavaScript は、C、C およびその他の言語に似たインタープリタ型スクリプト言語です。実行前にコンパイルする必要があるのとは異なり、JavaScript で書かれたコードはコンパイルする必要がなく、直接実行できます。
2) オブジェクト指向
JavaScript はオブジェクト指向言語であり、JavaScript を使用すると、オブジェクトを作成するだけでなく、既存のオブジェクトを操作したり、使用したりすることもできます。
3) 弱い型
JavaScript は弱い型指定のプログラミング言語であり、使用されるデータ型に厳密な要件はありません。たとえば、変数を任意の型に初期化できます。この変数の型を変更すると、いつでも初期化できます。
4) 動的
JavaScript は、Web サーバーの助けを借りずにユーザー入力に応答できるイベント駆動型のスクリプト言語です。たとえば、Web ページにアクセスしたとき、クリックしたときなどです。 Web ページ上でマウスを使用するかウィンドウをスクロールすると、JavaScript を通じてこれらのイベントに直接応答できます。
5) クロスプラットフォーム
JavaScript はオペレーティング システムに依存せず、ブラウザーで実行できます。したがって、JavaScript スクリプトを作成した後は、システムのブラウザが JavaScript をサポートしている限り、どのシステムでも実行できます。
JavaScript コードの実行
JavaScript プログラムは独立して実行できず、ホスト環境でのみ実行できます。通常の状況では、JavaScript コードを Web ページに配置し、ブラウザ環境を利用して実行できます。
HTML ページに JavaScript スクリプトを埋め込むには、<script> タグを使用する必要があります。ユーザーは <script> タグに JavaScript コードを直接記述することができます</script>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript程序</title> <script type="text/javascript"> document.write("<h1>PHP中文网:https://www.php.cn/</h1>"); </script> </head> <body></body> </html>
JavaScript コードを JavaScript スクリプト ファイルに配置することもできます。 JavaScript スクリプト ファイルは、拡張子 .js
を持つテキスト ファイルであり、任意のテキスト エディタを使用して編集できます。 <script> タグを使用して、JavaScript ファイルを HTML ページにインポートできます。 </script>
例:
次の JavaScript コードを test.js ファイルに記述します。
alert("PHP中文网:https://www.php.cn/");
HTML ドキュメントの
タグ内に <script> タグを挿入します。 src 属性を定義し、その属性値を外部 JavaScript ファイルを指す URL 文字列に設定します。コードは次のとおりです。 <br/><pre class="brush:js;toolbar:false"><script type="text/javascript" src="test.js"></script></pre><p><img src="https://img.php.cn/upload/image/958/980/338/1661418955938987.png" title="1661418955938987.png" alt="JavaScript とは何の言語ですか?"/><blockquote><p>注: <script> タグを使用して外部 JavaScript ファイルを含める場合、デフォルトのファイル タイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 <p><span style="max-width:90%">#JS でできること<strong>JavaScript は、次のような Web 開発のさまざまな分野で使用できます。 <p><ul style="list-style-type: disc;"><li>Web アプリケーション開発: 私たちが日常生活で閲覧する Web ページは HTML、CSS、JavaScript で構成されており、JavaScript を介して Web ページ内の要素のスタイルをリアルタイムに更新したり、インタラクションを行うことができます。人と Web ページの間の連携を実現でき (たとえば、ユーザーがマウスをクリックしたか、キーを押したかを監視するなど)、Web ページにクールなアニメーションを追加することもできます。 <p>モバイル アプリケーション開発: Web アプリケーションに加えて、JavaScript を使用して携帯電話やタブレットでアプリケーションを開発することもできます。また、優れたフレームワーク (React Native など) を使用して開発を容易にすることもできます。 <li><p> Web ゲーム: Web 上でプレイした小規模なゲームはすべて JavaScript を使用して実装できます;<li><p> バックエンド Web アプリケーション開発: 以前は、Web アプリケーションのフロントエンド部分の開発に JavaScript を使用していましたが、Node.JS (JavaScript 実行環境) の登場により、JavaScript Web アプリケーションのバックエンド部分の開発にも使用できます。 <p><strong>JavaScript ゲーム エンジン<p>HTML5、CSS3、JavaScript を使用すると、オブジェクト指向開発者が次のようなさまざまな機能を備えたゲームを開発できます。 3D アニメーションエフェクト、キャンバス、数学、色、サウンド、WebGL など。最も明白な利点は、HTML5 を使用して開発されたゲームが、最新の一般的なデバイスで実行できることです。 <p>1. Crafty<p>craftyJS は、アニメーション、イベント管理、再ゾーニング、衝突検出、スプライトなどの多くのコンポーネントを含む軽量のモジュール式 JavaScript ゲーム エンジンです。 IE9 などのあらゆる種類のブラウザをサポートします。 dom 操作やカスタム描画プログラムは必要ありません。 <p><img src="https://img.php.cn/upload/image/201/526/796/166141917345481JavaScript とは何の言語ですか?" title="166141917345481JavaScript とは何の言語ですか?" alt="JavaScript とは何の言語ですか?"/><p>2. Quintus<p> Quintus エンジンは、モジュール式で軽量な HTML5 ゲーム エンジンで、JavaScript に適した簡潔な構文を備えています。 Quintus は、モバイルおよびデスクトップ開発をサポートする、学びやすく、楽しく使える JavaScript HTML5 ゲーム エンジンです。ゲームを簡単に開発し、同じページで複数のインスタンスを実行するためのモジュラー エンジンが含まれています。 <p><img src="https://img.php.cn/upload/image/613/936/764/1661419181467662.jpeg" title="1661419181467662.jpeg" alt="JavaScript とは何の言語ですか?"/><p>3. Gamequery<p>gameQuery は、ゲーム関連のクラスを追加することで Javascript ゲームの開発に役立つ使いやすい jQuery プラグインです。 Canvas gameQuery の代わりに DOM 操作を使用するため、Firefox、Chrome、Internet Explorer、Safari、iOS 用 Safari、Webkit および Opera のモバイル バージョンなど、古いバージョンを含む多数のブラウザと互換性があります。 <p><img src="https://img.php.cn/upload/image/563/275/328/166141918638483JavaScript とは何の言語ですか?" title="166141918638483JavaScript とは何の言語ですか?" alt="JavaScript とは何の言語ですか?"/><p>4. GMP<p>GMP は、スプライトベースの 2D ゲームを作成するための優れたエンジンです。最もレトロなスタイルのアーケード ゲームを簡単にデザインでき、ゲーム (数独やゴーゴーポップなど) を作成するための優れたツールでもあります。オンライン デモ <p><img src="https://img.php.cn/upload/image/315/116/391/166141919075493JavaScript とは何の言語ですか?" title="166141919075493JavaScript とは何の言語ですか?" alt="JavaScript とは何の言語ですか?"/><p>5. lycheeJS<p>lycheeJS は、Web ブラウザまたはネイティブ環境 WebGL での完全なプロトタイプ ソリューションと HTML5 Canvas の展開を提供する JavaScript ゲーム ライブラリです。ネイティブ OpenGL (ES) ベースのゲーム。このプロジェクトの開発プロセスでは、Google Chrome と独自の開発ツールが最適化されます。 <p><img src="https://img.php.cn/upload/image/581/837/465/166141919420694JavaScript とは何の言語ですか?" title="166141919420694JavaScript とは何の言語ですか?" alt="JavaScript とは何の言語ですか?"/><p>6. Enchant.js<p>Enchant.js は、HTML5 と JavaScript を使用して単純なゲームやアプリケーションを開発できる単純な JavaScript フレームワークです。現在も UEI の秋葉原研究センターによって開発および保守されています。オンライン デモ <p><img src="https://img.php.cn/upload/image/769/890/928/1661419198248181.jpeg" title="1661419198248181.jpeg" alt="JavaScript とは何の言語ですか?"/><p>7. Starlingjs<p>Starling Starling は、Stage3D API に基づいて開発された ActionScript 3 2D フレームワークです (Flash Player 11 および Adobe AIR 3 デスクトップで利用可能) )。 Starling はゲーム開発用に設計されていますが、他の多くのアプリケーションにも使用できます。 Starling を使用すると、低レベルの Stage3D API を使用せずに、高速 GPU アクセラレーションを備えたアプリケーションを作成できます。 <p><img src="https://img.php.cn/upload/image/313/630/973/166141920240697JavaScript とは何の言語ですか?" title="166141920240697JavaScript とは何の言語ですか?" alt="JavaScript とは何の言語ですか?"/><p>(学習ビデオ共有: <a href="https://www.php.cn/course/list/1.html" target="_blank" textvalue="web前端入门">Web フロントエンドの入門 )</script>以上がJavaScript とは何の言語ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。