js書き込み位置、文法、データ型、変数、出力、入力、型変換

JS執筆ポジション

1.埋め込み型
はScriptタグを使用します。これはhtmlドキュメントのどこにでも書き込むことができます
[強調]一般に、headタグに書き込む必要があります。
ここに画像の説明を挿入します

2.外部チェーンタイプ
scriptタグのsrc属性を介して外部jsファイルをインポートします。
ここに画像の説明を挿入します

  • 同じScriptタグでインラインリンクと外部リンクを同時に使用しないでください。src属性が設定されている場合、Scriptタグの内容は無視されます。

3.外部チェーンの利点
1.コードの再利用性を向上させます。
2.Webページの読み込み速度を向上させます。

出力

1.アラートの翻訳:alert
目的:警告ボックスをポップアップします。
形式:
alert( "ポップアップコンテンツ");
ここに画像の説明を挿入します

2. console.log();はコンソールの出力を参照します
ここに画像の説明を挿入します

3. docmuent.write(出力コンテンツ);ページに出力

ここに画像の説明を挿入します

文法

  • ステートメント:実行動作の文法構造とコマンド。
    素人の言葉で:文は、特定の目的を達成するために実行される操作です。
    文は;で終わり、セミコロンは文が終わったことを意味します。
    同じ行に複数のステートメントを書くことができますが、コードの可読性を向上させるために、各ステートメントは1行を占めます。

  • セミコロン:
    改行がある場合はセミコロンを省略できますが、jsファイルを圧縮するとエラーが発生するためお勧めしません。
    ここに画像の説明を挿入します

変数

  • 変数はデータを格納するためのコンテナであり、任意のデータ型を格納できます。

  • 変数の定義と割り当て
    1.定義(宣言)。varキーワードを使用して、変数を定義します。varの後にスペースが続き、次に変数名が続きます。
    2.割り当て。=等しい割り当ては、=の右側の値を左側に割り当てます。

  • 変数は、使用する前に定義する必要があります。
    1.値を割り当てずに変数を宣言し、直接使用します。エラーは報告されませんが、結果は未定義(未定義)です。
    2.変数は宣言されていません。直接使用して、エラーを報告してください。
    ここに画像の説明を挿入します

  • 識別子:
    ユーザー定義の名前は識別子と呼ばれます。変数名は識別子です。関数名は識別子でもあります。
    1.識別子は、大文字と小文字、数字、アンダースコア_、ドル記号($)で構成できますが、数字で始めることはできません
    。2。識別子は大文字と小文字を区別します。2つの変数を区別するために、同じ単語の大文字小文字を使用することは強くお勧めしません。
    3.名前が意味を知っていることを確認して
    ください。4。jsの予約語やキーワードを使用しないでください。

  • キーワード:jsにはいくつかの機能語があります。
    abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private、transient、debugger、実装、保護、揮発性、double、インポート、パブリック。

  • 保留字:目前没有特殊功能、但是JS保留下来可能以后使用
    抽象引数ブールブレークバイト
    * constの場合キャッチチャークラス
    引き続き行う削除デバッガのデフォルト
    * * evalの輸出ダブル他の列挙型を
    *最終偽最後に浮く拡張
    実装している場合、関数のgotoのために
    import * in instanceof int interface
    let long native new null
    package private protected public return
    short static super * switch synchronized
    this throw
    throwstransient true try typeof var void volatile
    while with yield

  • 宣言と代入を一緒に書くことができます
    varuserName = "Zhang San"

  • 1つの変数で複数の変数を宣言でき、変数名はコンマで区切ります。
    var a、b、c;
    a = "a";
    b = "b";
    alert(b);

8つのデータ型:

  • 数値:整数と10進数1 3.1415926

  • 文字列:「こんにちは」「単語」

  • ブール値:trueまたはfalse

  • undefind:未定義または存在しないことを示します。

  • Null:null値を示し、変数の値が:noneであることを示します。

  • オブジェクト

  • アレイ

  • 関数

分類

  • プリミティブ型(単純なデータ型):数値文字列ブール値

  • 参照データ型:オブジェクト配列関数

  • 特別な値:未定義のnull。

番号タイプ

整数と浮動小数点数(有理数)(無限の非循環小数:無理数)
浮動小数点数は正確な値ではありません。小数を計算して比較するときは注意してください。
js内では、すべての数値は64​​ビット浮動小数点数の形式で格納されます。

  • 2進数から10進数:
    10 = 1 * 2の1乗+0 * 2の0乗
    0 = 0
    1 = 1
    10 = 2
    11 = 3 2 + 1
    100 = 4 1 * 2の2+ 0 * 2の1乗+0 * 2の0乗

  • 10進数から2進数の
    整数:2で割り、余りを逆の順序で並べます。
    10進数:2を掛けて切り上げ、次数は
    2.1で2つの部分に
    分割されます2
    2/2 = 1 0 10(2で除算して1を取得し、0の余りは10です)10.000110011001100
    0.1 2 = 0.2 0(余り0.1を2で割ると0.2になります。整数、0)
    0.2
    2 = 0.4 0
    0.4 2 = 0.8 0
    0.8
    2 = 1.6 1
    0.6 * 2 = 1.2 1
    0.2 * 2
    1000.1111

  • 値の範囲:
    +-9007199254740991

  • 数値の表現。12300123* 10二次123e2の
    科学的記数法には2つの状況があります
    。js
    は自動的に値を科学的記数法に変換します。
    (1)小数点以下の桁数が21桁を超えています。
    (2)小数点直後のゼロが5つ以上
    ここに画像の説明を挿入します
    ここに画像の説明を挿入します

  • 数値ベース
    console.log / alertでは、他のベースはデフォルトで10進数に変換されます。
    2進数0110
    進数0-98進数
    0-7値の前に0oまたは0Oを付けます。
    16進数0-9af0xまたは0Xのプレフィックスが付いた値
    15 * 16 + 15 * 1

  • 特殊値
    NaN:数値ではありませんこれは数値ではありません。主に、文字列が数値に変換されるときに発生します。
    NaNを任意の数(それ自体を含む)で操作すると、NaNになります。

     Infinity 表示:无穷
     +Infinity:无穷大
     -Infinity 无穷小。
    

ストリング

  • 文字列は、一重引用符または二重引用符で囲まれた、一緒に配置された0個以上の文字で構成されます。

  • 一重引用符と二重引用符はネストできます。
    ここに画像の説明を挿入します

     如果想要在双引号中使用双引号,可以再嵌套的双引号前面加反斜杠 /
     ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229190739282.png)
    
  • エスケープ:
    一部の特殊文字は、jsで使用する前にエスケープする必要があります。
    エスケープ文字は次のとおりです。
    \ nは改行を意味します
    \は
    \ tを意味しますタブ文字はスペースを表します
    \ xxは自然数を表します
    ここに画像の説明を挿入します
    ここに画像の説明を挿入します

  • 操作文字列

1、str.length長さ
ここに画像の説明を挿入します

2. str [subscript]は1文字を取得します。
ここに画像の説明を挿入します

3. str.toUpperCase()は英語の文字を大文字に変換します
ここに画像の説明を挿入します

4. toLowerCase()は、英語の文字を小文字に変換します
ここに画像の説明を挿入します

5. indexOf :( "parameter")は、文字列内の指定された文字の位置(添え字)を返します。
ここに画像の説明を挿入します

6. substring():指定された領域の文字列
str.substring(0,3)を返します。これは、末尾の文字を除いて、添え字0の文字から始まり、添え字5の文字で終わること意味します。
ここに画像の説明を挿入します
str.substring(2)は、添え字が1の文字から文字列の終わりまでを意味します。

ここに画像の説明を挿入します

他のタイプ

  • 特別な値:
    null空の値
    undefinedundefined割り当てられていないと宣言された場合のみ。

  • ブール値:
    真、偽
    、それはフロー制御文で使用されている限り。

    タイプ検出typeof
    ここに画像の説明を挿入します
    ここに画像の説明を挿入します

型変換

強制変換

  • Number()は、任意のタイプの値を数値に変換します。

    数値:変換後の元の値。
    文字列:
    解析して対応する値に変換
    できます。解析できません。戻り値はNaNです。
    ""は0を返します。

  • ブール値:

                 true 1
                 false 0
    
  • null 0

  • 未定義のNaN

  • parseInt()
    文字列:文字列を整数
    値に変換します:値を整数として受け取ります

  • parseFloat()は、文字列を浮動小数点数に変換します

ここに画像の説明を挿入します

  • String()任意のタイプの値を文字列に特化します

ここに画像の説明を挿入します

  • Boolean()は、任意のタイプの値をブール値に変換します。
    数値:ゼロ以外はtrueです。
    文字列: ''はfalseで、他はtrueです。
    次の5つの値はfalseに変換され、残りはtrueになります。
    0
    null
    undefined
    “”
    NaN
    ここに画像の説明を挿入します

自動変換

  • 他のデータ型を文字列に変換する
    任意のタイプのデータと文字列型のデータが加算されます(+)
    +は算術演算ではなく、文字列のスプライシングです。
    このとき、他のデータ型は自動的に文字列に変換されます。ここに画像の説明を挿入します

  • 他のタイプの数値への変換
    文字列と数値の追加に加えて、他のタイプは計算のために自動的に数値に変換されます。
    NaN undefined操作の結果はNaNです
    。NaNおよびすべてのタイプの操作は、それ自体を含めてNaNです。
    ここに画像の説明を挿入します
    ここに画像の説明を挿入します

  • 他のデータをブール値
    に変換する次の5つの値はfalseに変換され、残りはtrueになります。
    0
    null
    undefined
    “”
    NaN

ユーザー入力

  • 促す()

  • prompt(title、[default])
    titleは、ユーザーに表示されるテキストです。
    [キャンセル
    ]をクリックするとnullが返され、何も書き込まれません。[OK]をクリックすると空の文字列が返されます
    [デフォルト]括弧はパラメータがオプションであることを示し、デフォルトのデフォルト値

  • 確認(質問)
    [OK]をクリックしてtrueを返します[キャンセル]をクリックしてfalseを返します
    ここに画像の説明を挿入します

ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_53125457/article/details/111924330