JavaScript 関数呼び出しの典型的なサンプルコード

JavaScript 関数呼び出しの典型的なサンプルコード

JavaScript 関数呼び出しの典型的な例

1. うるう年かどうかを判断するための入力ボックス

2. うるう年かどうかを判定する乱数

3. 入力ボックスは素数かどうかを判定します

4. 乱数が素数かどうかを判定する

5. 日付が正当かどうかを判断する関数をカプセル化する

考え方: まず、関数呼び出し方式を使用し、呼び出されるすべての関数を js フォルダーに記述します。これにより、呼び出し時に便利になります。 HTML に js を導入することを忘れないようにすることが重要です。

HTMLコード:

<本文>
    <span>うるう年ですか?</span>
    <入力タイプ="テキスト" id='inp1'>
    <br>
    <span>それは素数ですか?</span>
    <input type="text" id="inp2">
    <br>

    <!-- js ファイルを外部からインポート -->
    <script src="../js/tools_practice.js"></script>

    <スクリプト>
        //オブジェクト取得関数を呼び出す var oInp1 = get('inp1');

        // うるう年かどうかを判定します var year = leap_year(2004);
        
        //入力ボックスに値を割り当てる if(year){
            oInp1.value = 'うるう年です';
        }
        それ以外{
            oInp1.value = 'うるう年ではありません';
        }

        // 乱数を呼び出して年を生成し、閏年かどうかを判断します。var y = rand(1000, 2000);
        閏年をyとします。
        if(res){
            document.write('乱数' + y + 'うるう年' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        それ以外{
            document.write('乱数' + y + 'うるう年ではない' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }



        //関連オブジェクトを取得する関数を呼び出します var oInp2 = get('inp2');

        //入力ボックスは素数かどうかを判断します var n = isZhi(14);

        //素数入力ボックスに値を割り当てるif(n){
            oInp2.value = '素数です'
        }
        それ以外{
            oInp2.value = '素数ではありません'
        }

        // 乱数を呼び出して数値を生成し、それが素数かどうかを判断します。var num = rand(0,1000);
        var res3 = isZhi(num);
        if(res3){
            document.write('乱数' + num + '素数です' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        それ以外{
            document.write('乱数' + num + '素数ではない' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }


        //日付が正当かどうかを判断するためのカプセル化関数 var da = data(1233,1,32);
        もし(だ){
            document.write('法定日付' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        それ以外{
            document.write('日付が不正です' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }

    </スクリプト>
</本文>

jsコード:

//機能: 年が閏年かどうかを判定する//パラメータ:
//番号
//戻り値:
// ブール値
関数 leap_year(x) {
    (x % 4 === 0 && x % 100 !== 0 || x % 400 === 0) の場合 {
        true を返します。
    }
    false を返します。
}

//オブジェクトを取得する function get(id) {
    document.getElementById(id) を返します。
}

//機能: 特定の範囲内でランダムな整数を生成します //パラメータ:
// 最小数値範囲の最小値 // 最大数値範囲の最大値 // 戻り値:
//番号
関数rand(最小値, 最大値) {
    Math.round(Math.random() * (max - min) + min) を返します。
}

//機能: 数値が素数かどうかを判定する//パラメータ:
//番号
//戻り値:
// ブール値
関数isZhi(n) {
    (var i = 2; i < n; i++) の場合 {
        (n % i === 0) の場合 {
            false を返します。
        }
    }
    true を返します。
}

//機能: 日付が正当かどうかを判定する//パラメータ:
// y 数値 年 // m 数値 月 // d 数値 日 // 戻り値:
// ブール値
関数データ(y, m, d) {
    //まず年を決定 --> 次に月を決定 --> 最後に日付を決定 //年を決定します:
    (y >= 1000 && y <= 2000 && y % 1 === 0)の場合{
        //月を判断するif (m >= 1 && m <= 12 && m % 1 === 0) {
            var maxDay;
            m === 1 || m === 3 || m === 5 || m === 7 || m === 8 || m === 10 || m === 12 の場合 {
                最大日数 = 31;
            }
            そうでない場合 (m === 4 || m === 6 || m === 9 || m === 11) {
                最大日数 = 30;
            }
            そうでない場合 (m === 2) {
                (y % 4 === 0 && y % 100 != 0 || y % 400 === 0)の場合{
                    最大日数 = 29;
                }
                それ以外 {
                    最大日数 = 28;
                }
            }
            //日付を判断する if(d >= 1 && d <= maxDay && d % 1 === 0){
                true を返します。
            }
        }
    }
    false を返します。
}

 

JS関数の定義と呼び出し方法

JS 関数呼び出しの 4 つの方法: メソッド呼び出しモード、関数呼び出しモード、コンストラクター呼び出しモード、適用、呼び出し呼び出しモード

1. メソッド呼び出しモード:

まずオブジェクトを定義し、次にオブジェクトのプロパティでメソッドを定義し、myobject.property を通じてメソッドを実行します。これは現在の myobject オブジェクトを参照します。

var blogInfo={

  ブログID:123,

  ブログ名:"werwr",

  ブログを表示:function(){alert(this.blogId);}

};



blogInfo.showBlog();

2. 関数呼び出しモード

関数を定義し、関数を保存するための変数名を設定します。このとき、this は window オブジェクトを指します。

var myfunc = 関数(a,b){
  a+b を返します。
}

アラート(myfunc(3,4));

3. コンストラクタ呼び出しモード

関数オブジェクトを定義し、オブジェクト内のプロパティを定義し、そのプロトタイプ オブジェクト内のメソッドを定義します。プロトタイプ メソッドを使用する場合、メソッドを呼び出す前にオブジェクトをインスタンス化する必要があります。

var myfunc = 関数(a){
  これは、
};

myfunc.prototype = {
  表示:function(){alert(this.a);}
}

var newfunc = new myfunc("123123123");
新しい関数を表示します。

4.適用、通話モード

var myobject = {};
var sum = 関数(a,b){
  a+b を返します。
};

var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]); 

アラート(合計2);

要約する

JavaScript 関数呼び出しに関するこの記事はこれで終わりです。より関連性の高い JavaScript 関数呼び出しについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript関数の4つの呼び出し方法の詳しい説明
  • JavaScript 関数呼び出しとパラメータの受け渡し
  • js における匿名関数の作成と呼び出し方法の分析
  • js での関数呼び出しの一般的な 2 つの方法の紹介
  • JavaScript で関数を呼び出す 5 つの方法
  • js関数を呼び出す方法
  • js関数呼び出しの一般的な方法の詳細な説明

<<:  HTML における要素の水平および垂直中央揃えに関する議論

>>:  CSS スキル コレクション - 古典の中の古典

推薦する

antd pro に基づく SMS 認証コード ログイン機能 (プロセス分析)

目次まとめ全体的なプロセスフロントエンドページコード検証コードとログイン サービスをリクエストする ...

MySQLがフルテーブルスキャンを実行するいくつかの状況

目次ケース1:ケース2:ケース3:簡単にまとめると:過去 2 日間で、完全なテーブル スキャンを引き...

MySQL でインデックス構造として B+ ツリーを使用する利点は何ですか?

序文MySQL では、Innodb と MyIsam の両方がインデックス構造として B+ ツリーを...

MySQLでTEXT/BLOB型を使用する際の注意点を詳しく説明します

1. TEXTとBLOBの違いTEXT ファミリと BLOB ファミリの唯一の違いは、BLOB 型は...

mysql 5.7.18 winx64 パスワード変更

MySQL 5.7.18 が正常にインストールされた後、バージョン 5.7 では空のパスワードでのロ...

HTMLからPDFへの変換のための純粋なクライアント側と純粋なサーバー側の実装ソリューション

必要ユーザーがフォームに入力して「保存」をクリックすると、PDF ドキュメントを直接ダウンロードでき...

IIS 7.5はURL書き換えモジュールを使用してWebページのリダイレクトを実現します。

Apache では構成ファイルで Web ページまたは Web サイトの書き換えを簡単に設定できる...

DockerHubイメージリポジトリの使い方の詳しい説明

これまで使用していたイメージはすべて DockerHub パブリック リポジトリから取得していました...

MySQLクエリが遅い原因と解決策

クエリ速度が遅くなる理由は多数ありますが、最も一般的な理由は次のとおりです。 1. インデックスがな...

JavaScript オブジェクトからプリミティブ値への変換の詳細な説明

目次オブジェクトプロトタイプの値()オブジェクトプロトタイプtoString()シンボル.toPri...

JSインターセプト文字列の3つの方法の詳細な説明

JS には、文字列をインターセプトするための 3 つのメソッド、 slice() 、 substri...

Vue.js の計算プロパティ、監視プロパティ、ライフサイクルの詳細な説明

目次序文計算されたプロパティ計算プロパティの紹介入門ケース統計価格事例ゲッターメソッドとセッターメソ...

Pure CSS と Flutter はそれぞれブリージング ライト効果を実現します (サンプル コード)

前回、非常に熱心なファンから、月を呼吸する光の効果にできるかどうか尋ねられました。月の大きさの写真が...

フロントエンドアプリケーションのjenkins+gitlab+nginxデプロイメント

目次関連する依存関係のインストールドッカーDockerでJenkinsをインストールするDocker...