ホームページ > 記事 > ウェブフロントエンド > JavaScriptの基本データ構造
JavaScript は、C++ に非常によく似たスクリプト言語プログラミングを提供します。ポインターなどの C 言語で発生しやすいエラーが取り除かれ、JavaScript スクリプトを学習している人向けに強力なクラス ライブラリが提供されます。言語はとてもリラックスしていて楽しいものです
まず、JavaScript コードを追加します
JavaScript スクリプトは HTML に含まれており、HTML タグと組み合わせることで HTML ドキュメントの一部になります。強力なインターネット プログラミング言語。 JavaScript スクリプトをドキュメントに直接追加できます。
JavaScript 言語コード;
... .
c/script & gt;
注:
..... & & & & のソースコードを示します。 JavaScript スクリプトはその間に配置されます。「ロゴで使用されている言語を示します。ここには JavaScript 言語があり、JavaScript で使用される言語を示します。
以下は、JavaScript スクリプトを Web に追加する例です。ドキュメント: Test2.html
html>
/script>
/html>
ブラウザウィンドウでtest2.htmlが呼び出されたとき、「This is an online school」という文字列が表示されます。図 2 を参照してください。
説明:
ドキュメントの出力関数です。その機能は、括弧内の文字または変数値をドキュメントに出力することです。
マークを付けることができます。 head>.. または
.../body> をヘッダーの間に配置して、ホームページの前にロードします。これにより、コードをより強力にすることができます。ボディ間の ... /body> の間に配置して、特定の部分にドキュメントを動的に作成できます。次に、基本的なデータ型
JavaScript スクリプト言語には、他の言語と同様に、独自の基本データ型、式、算術演算子があり、プログラムの基本的なフレームワーク構造では、数値とテキストを処理するための 4 つの基本データ型が提供されます。変数は情報を保存する場所を提供し、式はより複雑な情報を処理できます。
JavaScript には 4 つの基本データ型があります: 数値 (整数と実数)。 )、文字列型(「」または''で囲まれた文字または値)、ブール型(TrueまたはFalseで表現)、およびnull値のデータは、JavaScriptでは弱い値を採用しているため、定数または変数になります。型付き形式では、データの変数または定数を最初に宣言する必要はありません。その代わりに、値を使用または代入するときにデータの型を決定し、それを自動的に示すこともできます。値を割り当てるときのデータ型
2、定数
整数型 定数
JavaScript 定数は通常、リテラル定数とも呼ばれ、その整数定数は 16 進数を使用できます。実数定数
実数定数は、12.32、193.98 など、科学的または標準的な方法を使用して表現できます。 4e5 など。
ブール値
ブール定数には、True または False の 2 つの状態しかありません。これは、主に、操作プロセスを説明するために状態またはフラグを表すために使用されます。は状態を表すために 1 または 0 を使用できますが、JavaScript は状態を表すために True または False のみを使用できます。
一重引用符 (') または二重引用符 (") で囲まれた 1 つ以上の文字を使用します。 ) たとえば、「これは JavaScript の本です」、「3245」、「ewrt234234」などです。
Null 値
JavaScript には null 値がありますが、これは何も意味しません。未定義の変数を参照すると、Null 値が返されます。
特殊文字
C 言語と同様に、JavaScript にもバックスラッシュ (/) で始まる表示できない特殊文字がいくつかあります。文字。
変数の主な機能は、データにアクセスし、情報を保存するためのコンテナーを提供することです。変数の名前、変数の型、変数の宣言、および変数のスコープが明確である必要があります。
変数の名前付け
JavaScript での変数の名前付けは、そのコンピューター言語と非常によく似ています。ここでは、次の 2 つの点に注意する必要があります。
A は有効な変数でなければなりません。つまり、変数は a で始まります。アンダースコア (-) を除き、変数名にはスペース、(+)、(-)、(,)、その他の記号を含めることはできません。
B、JavaScript のキーワードは変数として使用できません これらのキーは JavaScript で内部的に使用され、変数の名前として使用することはできません。 Var、int、double、true は変数の名前として使用できません 変数に名前を付けるときは、エラーを避けるために、変数の意味とそれが表すものを一致させることが最善です
JavaScript では、変数はコマンド Var で宣言できます:
var mytest;
この例では、mytest 変数を定義しますが、値を割り当てません。
この例では、mytest 変数を定義し、その値を割り当てます。
JavaScript では、変数を宣言する必要はなく、変数の型は使用時のデータの型に基づいて決定されます。
例:
x=100
y="125"
xy= True
cost=19.5 など。
ここで、x は整数です、y は文字列、xy はブール型、cost は実数型です。
変数の宣言とスコープ
JavaScript 変数は、使用前に宣言でき、変数に値を割り当てることができます。 var キーワードを使用することの最大の利点は、コード内のエラーをすぐに発見できることです。これは、JavaScript が動的コンパイルを使用するため、コード内のエラー (特に変数の名前付け) を見つけることが困難になるためです。
変数にはもう 1 つの重要性があります。それは、変数のスコープです。JavaScript にはグローバル変数とローカル変数もあります。変数はすべての関数本体の外側で定義され、そのスコープは関数内で定義されます。関数本体にのみ表示され、他の関数には表示されません。3. 式と演算子 1. 式 これらに対する代入、変更、計算などの一連の操作は通常、式を呼び出すことで完了します。つまり、式は変数、定数、ブール値、演算子の集合と言えます。 2、演算子 演算子は、JavaScript では演算を完了するために使用される一連の記号です (+、- など)。 、*、/ など、!=、== などの比較演算子、! (逆)、|、|| などの文字列演算子があります。など JavaScript には主に二項演算子と単項演算子があり、二項演算子は次のとおりです。 オペランド 1 演算子 オペランド 2 など、50 以上の演算子で構成されます。 40、"This" + "that" など。 単項演算子のみ。オペランドは必須であり、その演算子は前後に指定できます。 JavaScript の算術演算子には、単項演算子が含まれます。および二項演算子: + (加算)、- (減算)、* (乗算)、/ (除算)、% (ビット単位の OR)、& (ビット単位の AND)。 )、< (左にシフト)、>>(右にシフト)、>>>(右にシフト、ゼロ埋め込み): -(置換)。 take Complement)、++ (1 ずつ増加)、-- (1 ずつ減少) (2) 比較演算子 比較演算子の基本的な演算プロセスは、まずオペランドを比較し、次にオペランドを比較します。 true または false の値を返します。比較演算子は 8 つあります: (より小さい)、> (より大きい)、<= (以下)、>= (以上) 、 == (等しい)、!= (等しくない) (3) ブール論理演算子 いくつかのブール論理演算子が JavaScript に追加されました: ! =( and (AND 後の代入)、& (論理 AND)、|= (OR 後の代入)、| (論理 OR)、^= (XOR 後の代入)、^ (論理 XOR)、?: (三項演算子)、 ||(または)、== (等しい)、|= (等しくない) 三項演算子の主な形式は次のとおりです: オペランド? 結果 2 If演算 数値の結果が true の場合、式の結果は結果 1 になり、それ以外の場合は結果 2 になります。
4、例
以下は、マーキー効果を備えた JavaScript ドキュメントです。
html>
スクリプト言語="JavaScript">
var msg="これはマーキー効果の JavaScript ドキュメントです";
var spacelen = 120;
ヴァールseq=0; 関数 Scroll() { len = msg.length; window.status = msg.substring(0, seq+1);
if ( seq >= len ) { seq = spacelen; window.setTimeout("Scroll2();",
else
window.setTimeout("Scroll( );", 間隔 );
}
function Scroll2() {
var out="";
for (i=1; i=spacelen/space10.length; i++ ) out +=
out = out + msg;
window.status=out.substring (seq, len);
seq++; if ( seq >= len ) { seq = 0 }; window.setTimeout("Scroll2();", 間隔 ); スクロール(); body> /body>