Jsノート

JavaScript
一、JavaScriptの概要
1.JavaScriptとは
JavaScriptはJSと略称し、ネットビュー会社が開発したクライアント 言語で、コンパイルを必要とせず、直接実行することができる.
Webフロントエンド3層:

構造層HTML、定義ページの構造

スタイル層CSS、定義ページのスタイル

行動層JavaScriptはインタラクションを実現するために使用され、ユーザーの体験を向上させる

2.JavaScriptの役割

クライアントブラウザ上で動的な操作ページ

クライアントブラウザ上でデータの検証を行う

クライアント上で非同期要求

を送信する.
二、引用方式
1.インライン方式
ページにscriptラベルを使用し、scriptラベルにjsコードを記述します.
JavaScriptタグはページの任意の場所に置くことができ、一般的にheadに置く.

    <script>
        js  
    </script>

2.行内方式
通常のラベルにjsコードを記述するには、onclick、onmouseoverなどの実践的な属性を組み合わせる必要があります.
ヒント:イベントのプロパティとはオブジェクト向け
eg:対象----外観修飾----CSS実現
行為、事件---ある時間に発生した対象が異なり、引き起こした反応も異なる

    <!--2.    -->
    <input type="button" value="  " onclick=alert("   ,  ")>
    <!--<a href="" onclick="alert"('      ')>   </a>-->
    <a href="javascript:alert('      ')">   </a>

    <div onmousemove="alert('  ')">      </div>

3.外部方式
個別の.jsファイル定義を使用し、ページにscriptラベルを使用して外部スクリプトファイルを導入します.

    <!--3.    -->
    <script type="text/javascript"          src="js/hello.js"></script>

注:scriptラベルが外部ファイルを導入するために使用されている場合、そのscriptラベルのラベルボディにjsコードを書き込むことはできません.
三、基本文法
1.変数
変数は定数を格納する量です
定数は固定値---定数
jsは弱いタイプの言語で、変数を宣言するときにvarキーワードを使用し、変数のタイプを指定する必要はありません.
構文:var変数名定数式
ECMAScript 6仕様にletキーを追加し、変数の宣言にも使用します.
使用:letで宣言された変数はブロックレベルの役割ドメインをサポートし、varで宣言された変数はブロックレベルの役割ドメインをサポートしません.
注意:IDEAでESバージョンsettings-language&frameworks-javascrit=-JavaScript language versionを構成する
変数の命名規則:

アルファベット、数字、下線、漢字からなる

アルファベット、下線で始まる

は、システムキーワードと

を再命令することはできません.

大文字と小文字の区別

了解:変数名の命名
2.入力と出力
出力:

alert()ポップアップ警告ボックス

console.log()ブラウザのコンソール

に出力

document.write()ページ

に出力
入力:

prompt()ポップアップ入力ボックスは、ユーザが入力データを取得するtypeof変数を用いて判断するタイプNumber(変数)を用いて文字列を数値

に変換する.
3.エスケープ文字
共通のエスケープ:


改行

\tインデント

\"二重引用符

\'単引用符

\\スラッシュ

4.コメント
一方通行注釈//複数行コメント/* */5.コード仕様
コードの大文字と小文字の区別
各文はセミコロンで終わる
コードインデント
四、核心文法
1.データ型
定数:オカレンス、不変量–定数
変数へんすう:変化する値、定数を格納する量へんかのあたい、ていすうをきおくりょう
基礎データ型:

string文字列

number数値(NaNは非数値Not a numberを表し、それ自体はnumberタイプ、数値タイプ

を表す.

bolleanブール

null空のタイプ

undefined未定義タイプ

タイプ変換:

変換number Number()、parseint()、parseFloat()

を使用

文字列に変換された空の文字列

ブールBooleanに変換Boolean

を使用
注意:0、空の文字列、null、undefined、NaNはfalseに変換され、他の値はtrueに変換されます.
2.算術演算子
演算子:+、-、*、/、%余剰、**乗、+、–
比較演算子:>、>=、、、=、!=
代入演算子:=、+=、-=、*=、/=、%=
論理演算:&&そして、|または、!非
条件演算子:条件?式1:式2
3.構造の選択
if…else…、switch
4.循環構造
while、do…while、for、for…in
break、continue
break:ループ全体を終了
continue:今回のループを終了し、条件判定に戻って次のループを継続する条件判定

 var str='welcome';//                   
        for(var index in str)
        {
            console.log(index);//  str   
            console.log(str[index]);
            
        }

5.配列
5.1定義方式
構文:

var arr = new Array();
var arr = new Array( 1， 2，...);
var arr = [ 1， 2，...];

注意:

配列の長さは

に自動的に拡張されます.

配列の要素のデフォルト値はundefined

です.

lengthプロパティを使用して配列の長さ

を取得する.
5.2一般的な方法
方法
説明
sort()
並べ替え、デフォルトは文字コードによって昇順に並べ替えられ、非stringタイプは自動的にstringに変換され、比較ルールをカスタマイズできます.
reverse
反転、配列要素を逆順に配列
join
配列要素を指定した分割文字列で文字列に接続し、デフォルトではカンマで接続します.
indexOf()
配列内で指定した要素が最初に表示された場所を返します.
slice(begin,end)
配列内のインデックスのbeginからendまでの要素を切り取り、左に閉じて右に開き、2番目のパラメータを省略すると、切り取りが末尾になることを示します.
toString
配列を文字列に変換
5.3 2 D配列
2 D配列は、1 D配列の各要素が1 D配列である特殊な1 D配列と見なすことができる.

var arr = new Array();//      m            
arr[0] = new Array();// 0  n   
arr[1] = new Array();// 1  n   
arr[][]= ；

var arr = [
    [ 1， 2，...],
    [ 1， 2，...],
    [ 1， 2，...],
]