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

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

WBOY

リリース： 2016-05-16 17:43:36

オリジナル

934 人が閲覧しました

まえがき
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の関連知識を紹介していきます。