for ループと関数の概要

for ループ

for ループは、通常は数値に関連付けられた繰り返し処理を実行します。

1. forループの基本構造

for(1 初期値; 2 終了条件; 4 変数の更新) {

//3 ステートメントを実行する

}

実行順序は1、2、3、4の場合です。

for(var i=0;i<=10;i++){
     console.log(i);
}

2. forループの注目ポイント

条件が満たされているかどうか: (満たされていない場合、コードは一度も実行されません)

終了条件はあるか(無い場合は無限ループ(無限ループ))

通常、ブラウザが 15 秒以内に応答しない場合、ブラウザは自動的にクラッシュします。

3. for ループでブレークします。ブレークコードが実行されている限り、for ループはすぐに終了します。例

for(var i=1;i<=5;i++){
	var can = confirm("是否还能坚持");
	if(!can){break;}
	console.log("我正在跑第"+i+"圈");
}
		// for循环初始值 i=1
		// for循环结束值 i<=5;
		// for循环代码: 循环是否坚持,能则跑圈,不能则终止
		// for循环更新变量  i++
		// for循环遇到break终止

4. continue 現在のサイクルの continue キーワード以降のコードは実行されず、次のサイクルが実行されます。つまり、続行するとこのサイクルが終了し、次のサイクルに進みます。例

 for(var i=1;i<=10;i++){
	 var flag = window.confirm("哥是否喝瓶水?");
	 // 如果不喝就继续跑
	 if(flag){ continue; }
	 console.log("我正在跑第"+i+"圈");
 }
		
 // continue结束当次循环,后面的代码不执行,执行下一次循环

関数

定義: 特定の機能を完了するためのプログラム命令の集合。特定のタスクステートメントブロックを実行して、プログラムの再利用を向上させます。

1. 関数を定義する

関数名() {

//コード

{

<script>
function fun(){
    console.log("你好")
{
</script>

2. 関数を呼び出す

js で fun() を直接呼び出します

<script>
function fun(){
    console.log("你好")
{
fun()
</script>

HTMLイベント属性

<h1 onclick="fun()">函数<h1>
<script>
     function fun(){
          console.log("你好")
    {
</script>

ドムレベル1イベント登録

 <button type="button">调用</button>
<script>
function fun(){
    console.log("你好")
{
var btn = document.querySelector("button");
	btn.onclick = fun; //不需要括号
</script>

dom レベル 2 イベントコール

addEventListener(タイプ,楽しみ)

3. 関数パラメータ

<script>
			function say(name){
				alert("我非常中意"+name)
			}
			say("小一");
			say("小二");
</script>

name は仮パラメータです

「小さい 1」、「小さい 2」は、関数実行時の実際のパラメータ（実パラメータ）です。関数の実行時に、
実パラメータが関数に代入され、仮パラメータが置き換えられてコードが実行されます。

関数のデフォルトパラメータ

関数パラメータのデフォルト値を定義します。パラメータが渡されない場合、この値がデフォルトで使用されます。

function send(name="lili"){
       //
}
send()

send() は名前の値を渡しません。デフォルトの名前は lili と同じです。

4. 関数の戻り値

 function add(a,b){
		return a+b;
		alert(a+b);
			
  }
		var re = add(3,4);
		console.log(re);

関数はデフォルトで未定義を返します

return キーワードを使用して関数の戻り値を定義します

return の背後にあるコードは実行されません --alert は実行されません

5. 匿名関数 -- 名前のない関数

イベントに登録する

el.onclick = function(){}

コールバック関数として

  var ps = document.querySelectorAll("p");
		  ps.forEach(function(item){
			  console.log(item.innerText)
		  });

匿名関数はそれ自体を実行します

 (function(){alert("新冠快走吧！")})()
!function(){alert("新冠快走吧2！")}()

変数に値を代入し、最初に宣言してから実行します。

var a= function(){ ...}

変数プロンプト

js はコードを実行する前に、現在のスコープの関数と変数を最前面に昇格させ、
その変数を未定義に割り当てて
から、他のコードを実行します。

6. 変数のスコープ

グローバルスコープ: js 内のどこからでもアクセス可能

スクリプト内で var を使用して変数を宣言する

var a=6;
var b=8;
    c=9

ウィンドウのグローバルプロパティ

キーワードなしで宣言された変数もグローバル変数です。例：c

関数スコープ: 現在の関数では、サブ関数にアクセスできます。現在の関数で宣言された変数です。

関数は親関数のスコープ/グローバルスコープの変数にアクセスできます。

関数内の変数には関数の外からアクセスできません

 var a = 8;
function say(){
	 var b = 5;
	 function son(){
		alert(a+b) //son内部可以访问b,也可以访问a
		}
			son();
}
		 say();
		 alert(b);

if 、 switch 、 else 、 for にはスコープがありません。

for ループ

関数

おすすめ