JavaScriptは次のようになります

JavaScriptの読み方はこうです

JavaScript、中国語名は「JavaScriptスクリプト言語」で、ブラウザ側で動作するプログラミング言語です。インタラクティブな Web ページを開発するための中心的な言語であり、Web ページ制作、Web ページの特殊効果、Web アプリケーション開発などの分野で広く使用されており、「World Wide Web のトロイカ」の 1 つと考えられています。

JavaScript の学習と習得は、Web 開発に携わるプログラマーにとって非常に重要です。この記事では、初心者がJavaScriptをよりよく理解して使いこなすために、JavaScriptの基礎知識、文法ルール、一般的な使い方を紹介します。

1. JavaScript の基礎知識

1. 歴史

JavaScript は 1995 年に誕生し、Netscape のプログラマーである Brendan Aich によって最初に開発されました。当時は「LiveScript」と呼ばれていましたが、後に JavaScript に名前が変更されました。 1996 年、JavaScript は Sun の Java と関連性があったため、Netscape が ECMA (欧州コンピュータ製造者協会) に提出し、ECMAScript 標準をリリースしました。JavaScript は ECMAScript の実装として広く使用されています。

2. 特徴

JavaScript は、コンパイラを実行する必要のない「インタープリタ型」言語です。オブジェクト指向プログラミング、関数型プログラミング、命令型プログラミングなど、複数のプログラミング パラダイムを実装します。他のプログラミング言語と比較すると、JavaScript には次のような特徴があります。

①動的性: JavaScript は動的型をサポートし、動的コード生成もサポートします。

②柔軟性: JavaScript はイベント ドライブをサポートし、Web ページにインタラクティブな効果を追加できます。

③ HTML との密接な統合: JavaScript を HTML ページに埋め込み、ブラウザーで直接実行できます。

④クロスプラットフォーム: JavaScript は複数のオペレーティング システムで実行でき、複数のブラウザ プラットフォームにまたがることもできます。

3. 機能

JavaScript は、Web ページでインタラクティブな効果、フォーム検証、動的なスタイル変更、DOM 操作、その他の機能を実現できます。同時に、JavaScript は Ajax テクノロジーを通じてサーバーと対話し、データの非同期読み込みと動的リフレッシュを実現することもできます。

4. 開発環境

JavaScript は、特別な開発環境を必要とせず、テキスト エディタとブラウザだけを必要とする軽量言語です。一般的なテキスト エディタには、メモ帳、Sublime Text、Visual Studio Code などが含まれます。ブラウザはChrome、Firefox、IEなどからお選びいただけます。

2. JavaScript 構文ルール

1. コメント

コメントを JavaScript コードに追加すると、他の人がコードを読んで理解しやすくなります。 JavaScript は、以下に示すように、単一行コメントと複数行コメントをサポートしています。

単一行コメント: //これは単一行コメントです

複数行コメント:
/*
これは複数行のコメントです
複数行のコンテンツを含めることができます
*/

2. 変数

JavaScript 変数を宣言する必要があります使用する前に、var キーを使用してください。変数は次のように宣言されます:

var num = 10;//num という名前の変数が宣言され、初期値は 10

3. Data type

JavaScript のデータ型には、文字列、数値、ブール値、配列、オブジェクト、Null、未定義が含まれます。文字列は引用符で囲む必要があり、数値は整数または浮動小数点数にすることができ、ブール値には true と false の 2 つの値のみが含まれます。

4. 制御ステートメント

JavaScript 制御ステートメントには、if ステートメント、for ステートメント、while ステートメント、switch ステートメントなどが含まれます。 if ステートメントは条件が満たされるかどうかを判断するために使用され、for ステートメントはコードの一部をループで実行するために使用され、while ステートメントは条件が満たされなくなるまでコードの一部をループするために使用され、switch ステートメントはは、さまざまな条件に基づいてさまざまなコード ブロックを実行するために使用されます。

5. 関数

JavaScript 関数は、function キーワードで定義された再利用可能なコードの一部として理解できます。関数は次のようにパラメータを受け取り、値を返すことができます:

function add(a, b){
return a b;
}
var result = add(3, 4) ;/ /add 関数を呼び出し、戻り値を結果変数に割り当てます

6. Object

JavaScript オブジェクトは、属性とメソッドで構成されるエンティティです。「属性」とは、 「メソッド」はオブジェクトの動作を指しますが、「メソッド」はオブジェクトの状態を指します。以下に示すように、オブジェクトは中括弧 {} で表すことができます:

var person = {

name:"Tom",
age:20,
sayHello:function(){
    console.log("Hello, my name is " + this.name);
}

};
person.sayHello();// person のsayHello メソッドを呼び出して出力します。 「こんにちは、私の名前はトムです。」

3. 一般的な使用法

1. イベント バインディング

JavaScript はイベントを HTML 要素にバインドし、さまざまな応答をトリガーできます。関数は次のとおりです:

800a9b0933020ff50bae89f95f506849Click Me65281c5ac262bf6d81768915a4a77ac0

この例では、ユーザーがボタンをクリックしたときを押すと、警告ボックスがポップアップ表示され、「Hello World」と表示されます。

2. 動的スタイル制御

次に示すように、JavaScript を使用して要素のスタイルを動的に制御できます。

var element = document.getElementById(" myDiv" );
element.style.color = "red";

この例では、まずページ内で ID が「myDiv」の要素を取得し、次にそのテキストの色を赤に設定します。

3. DOM 操作

JavaScript は、Web ページ内の DOM (Document Object Model) ノードを操作できます。つまり、HTML 要素と属性を追加、変更、削除できます。以下に示すように:

var newelement = document.createElement("p");//新しい 50135716bf662a83b3161df510811978 要素に追加します
document.getElementById("myDiv").appendChild(newelement);//< を追加します; p> 要素が ID「myDiv」の要素に追加されます

この例では、まず新しい e388a4556c0f65e1904146cc1a846bee 要素を作成してテキスト ノードを追加し、次に e388a4556c0f65e1904146cc1a846bee 要素をページ上の ID が「myDiv」の要素内。

結論

この記事では、JavaScript の基礎知識、文法規則、一般的な使用法を紹介します。初心者にとって、これらの基礎知識を習得することは非常に重要です。同時に、初心者は簡単な例から始めて、徐々に JavaScript の構文と特性を深く理解し、この言語をよりよく習得するために練習と試行を続けることをお勧めします。

以上がJavaScriptは次のようになりますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。