JavaScript は実際には難しくありません - 基本を復習してください_Basics

まえがき
Jquery について話す前に、まず Javascript (以下、JS) 言語の基礎知識の問題を学びましょう。当時、変数についての基礎知識は似ていました。 、関数、条件文ブロック、ループ文ブロックなど、言語ごとに書き方が異なります。例えば、JSで変数を定義する場合はvarを使ってローカル変数を宣言する必要があり、JSの場合はweak型言語を使用します。 , varを追加することもできませんが、追加しない場合はグローバル変数とみなされますので注意が必要です。

変数
値はプログラムの実行中に変更される可能性があります (笑、10 年以上前の本の定義です)
var people; // を宣言します。 name 人々の変数
var people="good boy" // 宣言時に変数に値を代入します。
var age=23; // ローカル変数を宣言します。 , type For integer
age=30; //プログラム実行中は解放されない、関数

を宣言します。関数は、いくつかのコード ブロックをまとめて全体を形成します。これを関数と呼びます。これにより、コードの重複が大幅に削減され、プログラムが明確になります。

コードをコピーします。 🎜> コードは次のとおりです: // 標準的な書き方 funciton helloFun(){

alert("hello world")

}
//変数の書き方
var helloFun=function(){
alert("hello world")
}
// 関数はパラメータを持つことができますが、弱い型です
var helloFun=function(msg){
alert(msg);
// 関数呼び出し
helloFun("hello world"); >条件文

このとき、条件が複数の値を固定する場合は条件文が表示されます。そうでない場合は、if...else を使用します。コードを参照してください。 🎜 >



コードをコピー

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

// インスタンスを切り替えます

var inputNumber= document.getElementByID( "タイプ"); switch(inputNumber) ケース 1: alert("タイプ 1"); ケース 2: >alert( "タイプ番号 2"); ケース 3:

アラート("タイプ番号 3");

デフォルト:
"throw new Exception( )");
break;
}
// if インスタンス
var inputAge=document.getElementByID("age");
if(inputAge>&& inputAge<) ;18)
{
alert("未成年");
}
else if (inputAge>=18 && inputAge<70)
{
alert("成人");
}
else if(inputAge>=70)
{
alert("高齢者")
}
else
{
alert("エラーがありますフォームに記入する際") ;
}



ループステートメント

は、特定の条件が満たされた場合にコードブロックを繰り返し実行することを意味します。 while を使用できます。 、for など。




コードをコピー


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

// for ループvar arr=[1 ,2,3] for(int i=0;j=Arr.length;iconsole.log(arr[i]); / Firefox コンソールでは Result
}

実際、JS の世界では、コードの実行パフォーマンスも for ステートメントの書き方によって非常に異なります。間違いではありませんが、以下のように書くとをトラバースする度にArrの長さを求めることになるため、パフォーマンスが低下します。

コードをコピー


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


// for ループ

var arr =[1 ,2,3]
for(int i=0;iconsole.log(arr[i]); // パフォーマンスが悪い
}

以上、JSプログラミングの基礎知識を書いていきます。次回からはjqueryの関連知識を紹介していきます。