検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript学習まとめ【1】はじめてのJS入門

JavaScript学習まとめ【1】はじめてのJS入門

黄舟
黄舟オリジナル
2017-02-09 14:27:491188ブラウズ

1. JavaScriptとは何ですか?

JavaScript は、クロスプラットフォーム、オブジェクト指向、動的、弱い型付け、軽量のインタープリター言語であり、オブジェクトとイベントに基づいており、比較的安全です。 HTML ドキュメントに適用すると、Java とは異なる動的対話機能を Web サイト上で提供できます。簡単に言えば、ブラウザに基づいて HTML ドキュメントを処理し、Web ページのさまざまな特殊効果を実装し、さまざまなユーザー操作に応答し、Web ページに動的な効果を追加し、画像のスクロール再生効果やログインのクリックなどのユーザーの操作エクスペリエンスを向上させます。ボタンをクリックしてダイアログ ボックスをポップアップ表示したり、マウスを動かしたり、アニメーション、フォーム送信データの検証などを行います。

2. JavaScript を学ぶ必要があるのはなぜですか?

JavaScript はしばしば JS と呼ばれますが、その発明の目的は、ブラウザの組み込みスクリプト言語として機能し、Web ページにさまざまな特殊効果を表示し、ユーザーに使いやすい機能を提供することです。インタラクティブな体験。 Ajax テクノロジの出現により、フロントエンドはページを更新せずにバックエンドとデータを交換し、ページ データを更新できるようになりました。jQuery やその他のライブラリの普及により、JS の記述は非常に簡単になり、Bootstrap フレームワークにより、処理が大幅に削減されました。フロントエンドの開発効率が大幅に向上し、JS はフロントエンド分野で非常に明るい未来をもたらします。

Nodeのリリースにより、JSはフロントエンドだけでなくサーバーでも実行できるようになりました。これは JS にとって質的な進歩です。Node.js プロジェクトにより、JS を使用して大規模なサーバーサイド プロジェクトを開発できるようになり、Web サイトのフロントエンドとバックエンドの両方が JS で開発されることが現実になりました。

現時点では、JS はブラウザーで解析されるだけでなく、バ​​ックエンド言語としても使用でき、モバイル APP の構築や HTML ゲームの開発に使用できる埋め込みスクリプト言語として JS を使用するアプリケーションが増えています。ブラウザに応じて、デスクトップ アプリケーションを構築します。

最終的には、JSだけを使って、さまざまなプラットフォーム（デスクトップ、サーバー、ハンドヘルドを含む）に適応するプログラムを開発できることが期待できます。 Jeef Atwood はブログで、「JavaScript で実装できるアプリケーションはいずれも JavaScript で実装される」という有名な「アトウッドの法則」を提案しました。

他の言語を学ぶのと比べて、JSは学びやすいです。ブラウザがあればJSプログラムを実行でき、テキストエディタがあればJSコードを書くことができます。複雑な IED (統合開発環境) やコンパイラーをインストールする必要はありません。 JS の構文は比較的単純で、構文自体はそれほど豊富ではなく、簡単なコマンドだけでほとんどの操作を完了できます。

JS の中核となる構文を学ぶのは難しくありませんが、実際に JS を徹底的に学ぶのは簡単ではありません。学べば学ぶほど、JS の威力に気づくでしょう。 JS が機能するためには、これらの外部コンポーネントは多種多様であり、その数は膨大であり、エディタ コンポーネントや QQ スペースによって提供されるフォロー コンポーネントなど、ネットワーク アプリケーションのあらゆる側面に関係します。これらを習得するのは簡単ではありません。そしてダウンロードする必要があります。 JS 言語には設計上の欠陥がいくつかあり、主流のブラウザでは JS のサポートが異なります。最も厄介なのは、どこにトラップがあるかを見つけることです。

それにもかかわらず、JS の地位は依然として揺るぎません。2015 年に発表された世界言語使用ランキングによると、JS は 7 位にランクされ、昨年に比べて改善されました。 Ecma (Ecma-262 を通じてスクリプト言語の標準を設定) は言語の標準化を加速し、JS をますます強力にすると同時に、文法上の欠陥や奇妙さも補われています。今年の時点では、JS の最新バージョンがリリースされています。 ECMAScript 2015 (ES6 とも呼ばれる) には、多くの新機能が追加されています。したがって、JS は、特に Web フロントエンド開発エンジニアにとって、習得するだけでなく、よく学ぶことにも学ぶ価値があります。

3. JavaScript の構成

JS は 3 つの部分で構成されます:

ECMAScript: インタプリタとも呼ばれ、これは JS の中核部分です。

DOM：ドキュメントオブジェクトモデル。 DOM は、JS に HTML を操作する機能、つまりドキュメントを操作する機能を提供します。

BOM：ブラウザオブジェクトモデル。 BOM は、JS にブラウザを操作する機能、つまりウィンドウ操作を提供します。

4. JavaScript の使用法

HTML 内のスクリプトは <script></script> タグの間に配置する必要があります。 HTML ドキュメントには無制限の数のスクリプトを配置できます。スクリプトは HTML の または に含めることができます。通常のアプローチは、ページのコンテンツを妨げないように、関数を

またはページの下部に配置することです。

スクリプトを .js 拡張子を付けて外部ファイルに保存することもできます。外部ファイルには通常、複数の Web ページで使用されるコードが含まれています。注: 外部スクリプトを使用する場合、スクリプト内に