JavaScript とは何の言語ですか?-フロントエンドQ&A-php.cn

JavaScript は、クロスプラットフォームで解釈され、動的に型付けされ、弱い型付けされたプロトタイプベースのスクリプト言語です。 JavaScript は、Web アプリケーション開発で広く使用されているネットワークスクリプト言語であり、Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。 JavaScript コードは単独では実行できません。通常、スクリプトタグを使用して HTML に配置し、ブラウザ環境の助けを借りて実行する必要があります。

JavaScript とは何の言語ですか?

このチュートリアルの動作環境: 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 スクリプトファイルに配置することもできます。 JavaScript スクリプトファイルは、拡張子 .js を持つテキストファイルであり、任意のテキストエディタを使用して編集できます。 <script> タグを使用して、JavaScript ファイルを HTML ページにインポートできます。 </p><p>例: <br/></p><p>次の JavaScript コードを test.js ファイルに記述します。 <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert("PHP中文网：https://www.php.cn/");</pre><div class="contentsignin">ログイン後にコピー</div></div><p>HTML ドキュメントの <head> タグ内に <script> タグを挿入します。 src 属性を定義し、その属性値を外部 JavaScript ファイルを指す URL 文字列に設定します。コードは次のとおりです。 <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script type="text/javascript" src="test.js"></script></pre><div class="contentsignin">ログイン後にコピー</div></div><p><img src="https://img.php.cn/upload/image/958/980/338/1661418955938987.png" title="1661418955938987.png" alt="JavaScript とは何の言語ですか?"></p> <blockquote><p>注: <script> タグを使用して外部 JavaScript ファイルを含める場合、デフォルトのファイルタイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 </script>

#JS でできること

JavaScript は、次のような Web 開発のさまざまな分野で使用できます。

Web アプリケーション開発: 私たちが日常生活で閲覧する Web ページは HTML、CSS、JavaScript で構成されており、JavaScript を介して Web ページ内の要素のスタイルをリアルタイムに更新したり、インタラクションを行うことができます。人と Web ページの間の連携を実現でき (たとえば、ユーザーがマウスをクリックしたか、キーを押したかを監視するなど)、Web ページにクールなアニメーションを追加することもできます。
モバイルアプリケーション開発: Web アプリケーションに加えて、JavaScript を使用して携帯電話やタブレットでアプリケーションを開発することもできます。また、優れたフレームワーク (React Native など) を使用して開発を容易にすることもできます。
Web ゲーム: Web 上でプレイした小規模なゲームはすべて JavaScript を使用して実装できます;
バックエンド Web アプリケーション開発: 以前は、Web アプリケーションのフロントエンド部分の開発に JavaScript を使用していましたが、Node.JS (JavaScript 実行環境) の登場により、JavaScript Web アプリケーションのバックエンド部分の開発にも使用できます。

JavaScript ゲームエンジン

HTML5、CSS3、JavaScript を使用すると、オブジェクト指向開発者が次のようなさまざまな機能を備えたゲームを開発できます。 3D アニメーションエフェクト、キャンバス、数学、色、サウンド、WebGL など。最も明白な利点は、HTML5 を使用して開発されたゲームが、最新の一般的なデバイスで実行できることです。

1. Crafty

craftyJS は、アニメーション、イベント管理、再ゾーニング、衝突検出、スプライトなどの多くのコンポーネントを含む軽量のモジュール式 JavaScript ゲームエンジンです。 IE9 などのあらゆる種類のブラウザをサポートします。 dom 操作やカスタム描画プログラムは必要ありません。

JavaScript とは何の言語ですか?

2. Quintus

Quintus エンジンは、モジュール式で軽量な HTML5 ゲームエンジンで、JavaScript に適した簡潔な構文を備えています。 Quintus は、モバイルおよびデスクトップ開発をサポートする、学びやすく、楽しく使える JavaScript HTML5 ゲームエンジンです。ゲームを簡単に開発し、同じページで複数のインスタンスを実行するためのモジュラーエンジンが含まれています。

JavaScript とは何の言語ですか?

3. Gamequery

gameQuery は、ゲーム関連のクラスを追加することで Javascript ゲームの開発に役立つ使いやすい jQuery プラグインです。 Canvas gameQuery の代わりに DOM 操作を使用するため、Firefox、Chrome、Internet Explorer、Safari、iOS 用 Safari、Webkit および Opera のモバイルバージョンなど、古いバージョンを含む多数のブラウザと互換性があります。

JavaScript とは何の言語ですか?

4. GMP

GMP は、スプライトベースの 2D ゲームを作成するための優れたエンジンです。最もレトロなスタイルのアーケードゲームを簡単にデザインでき、ゲーム (数独やゴーゴーポップなど) を作成するための優れたツールでもあります。オンラインデモ

JavaScript とは何の言語ですか?

5. lycheeJS

lycheeJS は、Web ブラウザまたはネイティブ環境 WebGL での完全なプロトタイプソリューションと HTML5 Canvas の展開を提供する JavaScript ゲームライブラリです。ネイティブ OpenGL (ES) ベースのゲーム。このプロジェクトの開発プロセスでは、Google Chrome と独自の開発ツールが最適化されます。

JavaScript とは何の言語ですか?

6. Enchant.js

Enchant.js は、HTML5 と JavaScript を使用して単純なゲームやアプリケーションを開発できる単純な JavaScript フレームワークです。現在も UEI の秋葉原研究センターによって開発および保守されています。オンラインデモ

JavaScript とは何の言語ですか?

7. Starlingjs

Starling Starling は、Stage3D API に基づいて開発された ActionScript 3 2D フレームワークです (Flash Player 11 および Adobe AIR 3 デスクトップで利用可能) ）。 Starling はゲーム開発用に設計されていますが、他の多くのアプリケーションにも使用できます。 Starling を使用すると、低レベルの Stage3D API を使用せずに、高速 GPU アクセラレーションを備えたアプリケーションを作成できます。

JavaScript とは何の言語ですか?