JavaScriptの基礎2 データ型・文・関数_基礎知識

コンテンツを書く前に一言: 一部の古いブラウザでは JavaScript スクリプトがサポートされていないため、スクリプト ノードに遭遇すると通常のコンテンツとして出力されます。そのため、バージョン互換性を持たせるために、コメント シンボルがテキストに書き込まれることがあります。古いバージョンでは、プログラムは失敗しますが、次のようなコードは表示されません (括弧と括弧内の内容は無視してください):

コードをコピーします コードは次のとおりです:

🎜>注: テストの結果、js ステートメントを同じ行にコメント記号を使用して記述することはできないことが判明しました。そうしないと、新しいブラウザーでは機能しません。

JavaScript データ型:

数値型: すべての数値を含みます。
文字列型 string は "" または '' で表されます。
ブール型 boolean =true または false。

変数: データを格納するためのコンテナで、プログラムに格納されている値を変更できます。

変数の宣言: var 変数名 [= value];

変数が関数内で宣言されている場合、その変数はグローバルです。の意味を知っていますか？

つまり、宣言された変数の型に関係なく、特定のデータ型は初期化後に決定されます。初期化されていない場合は、未定義型の変数となります。

前回の js 記事で説明した小さなプロジェクトを使用して、その数値型を試してみましょう。

main.html に書き込みます:

コードをコピーします コードは次のとおりです:

ただし、それが特殊な型の場合は、型名を返すために instanceof が必要です。

たとえば、var obj=new Object(); または var date=new Date(); を定義し、typeof を使用してその型 (typeof obj) を返す場合、出力は object

data 型変換:

関数を使用して String から int/float に変換: parseInt(String) / parseFloat(String) 例: parseFloat("3.14159");

数値から変換type を string に変換するには、toString() 関数を使用します: 例:

var iNum=30; 30.toString(2);// 次の括弧内に 2 を追加します。これは、バイナリ文字列に変換することを意味します。

//8 進数や 16 進数も指定できます。数値がない場合は直接変換されます。

次のステップでは、先ほどのファイルのスクリプト ノードの内容を変更します。




コードをコピーします


コードは次のとおりです。

document.write(b "" typeof b "
");

document.write(d "" typeof d "");

それでは、実行してください~

型の変換は実際には非常に簡単のようです~
演算:
演算は実際には C Java の演算と同じで、すべて加算、減算、乗算、またはです。 , 実際には違いはありません。
ここで i と i の違いをもう一度説明しましょう。
i は i 1 を一度実行しますが、i を返します。たとえば、次のような文を書くとします。

コードをコピーします

var i=50;
if(i document.write(i);

実際の実行シーケンスは、代入 : i=50、判定 : if(iそこで i を使用すると、返される値は 1 を加算した後の値になります。これは、出力がないことを意味します。

------------------------------------------ ---------- ------------------------------------
ステートメント部分
条件文: if と switch
実際には、この部分は詳しく説明する必要はありません。条件文でも、いくつかの細かい点に注意する必要があります。 js の if ステートメントでは、次の状況で false が返されます: null 未定義の空文字 String "" 0 false
空文字列についても注意してください: var s="" と var s=new String("") は異なります後者はメモリ空間を解放するため、true を返します。
確認してみましょう~、JavaScript ノードの下:

コードをコピーします コードは次のとおりです:

次に、メイン ページを保存して更新します:

あ( ⊙ o ⊙ )、予想通り新しい文字列しか出てきませんでした～。

Swith ステートメントも試してみてください:

コードをコピー

コードは次のとおりです: var date=new Date();

document.write(day "
")

switch(day){
case 6,7: document.write("weekend (^o^)/");
break;
case 5: document.write( "待ってください~! 最終日!");
休憩
デフォルト: document.write("勤務日");
document.write("
");




出力の表示:

OK、次はループステートメントです: while do-while for-in for
最初の 2 つの唯一の違いは、ループと判定の順序が異なることです。do-while ループwhile よりももう一度、例は出しません。

for-in の文を見てみましょう。

これは実際には配列用です。たとえば、スクリプト ノードで次のように記述します。(角括弧を使用した配列の初期化にも注意してください)

コードをコピーします

コードは次のとおりです。 document.write("test
"); var a=[3,4,5,7]; for(var test in a); 🎜>document.write (test ": " a[test] "
");

}

-->
出力を見てみましょう:

この結果から、いくつかの点を検討できます:
その中で、test は実際には配列の番号を表す int 数値です。
for-in はループするたびに 1 つの数値のみを通過でき、一般に網羅的な列挙に使用されます。
場合によっては、配列に格納される内容に文字列と数値が含まれる場合など、for-in は完全な列挙にのみ使用できます。
(もちろん、どうしてもという場合は、for-inを使う必要はありませんが、for-inを使ったほうが便利です)
関数については、実は最初の記事で簡単に触れています。
1. 関数名の前に値を返す必要はなく、パラメータリストに型を記述する必要もありません。
2. 関数内で定義された変数はローカル変数なので外部から呼び出すことはできません。
基本的に形式は次のようになります:
関数 関数名 (パラメーター リスト){
xxxxxxx;
[return xxxx;] //optional
}
わかりました。形式があるので試してみましょう:

コードをコピー コードは次のとおりです:

出力は数値のみです、つまり、2 行目は直接無視され (何という悲劇でしょう)、未定義の基準さえ満たしていません。ローカル変数なので。関数の実行後に破棄されます。

この標準的な書き方の他に、関数定義時に引数はありませんが、このように引数がある場合には関数本体にも引数を使用するという反逆的な方法もあります。使用されるパラメータには名前がないため、すべて引数配列に格納されます。例:

コードをコピー コードは次のとおりです:

追記: スクリプト ノードの属性を変更しました。実際、これは JavaScript もこのように宣言できることを意味します。 LANGUAGE は大文字にする必要があります

出力を見てください:

ここで、テストされた関数内で、引数に格納されたデータを使用して、

コードをコピー コードは次のとおりです:

;



は 48 4e55 を出力します。もちろん、関数本体では 2 つのパラメーターが使用されているため、呼び出し時にパラメーターを 1 つだけ指定すると、結果は 1 つの値しか出力されません。自分でテストしてみたい場合は、呼び出し時に 3 つのパラメーターを指定すると、 3 番目のパラメータは容赦なく無視されます。
上記のかなり規則的な定義に加えて、関数を定義する他の方法がいくつかあります。これらは比較的主流ではないため、私はそれらを使用したくありませんが、それでも理解するために書き留める必要があります。

1 つは: var add =new Function("parameter","parameter",...,"function body");

コードをコピー コードは次のとおりです:

出力:
Hello Dumpling
function (name){ document.write("Hello " name);
引数の数: 1
OK 2回目の記事は以上です～続きは明日(/^o^)/