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 スキル コレクション - 古典の中の古典

推薦する

WeChatミニプログラムのすべてのページがログインされていることを確認する方法

目次現状解決さらなる解決策やっと現状WeChat ミニプログラムには、ホームページ、個人ページ、いく...

CocosCreator MVCアーキテクチャの詳細な説明

概要この記事では、ゲームクライアントでよく使用される MVC アーキテクチャについて紹介します。ゲー...

CSS スティッキーフッタークラシックレイアウトの実装

スティッキーフッターレイアウトとは何ですか?一般的な Web ページのレイアウトは、通常、ヘッダー部...

HTML から PDF への変換事例の概要 (複数の画像を推奨)

仕事の都合上、最近 HTML を PDF に変換する機能について調べることに時間を費やしました。 H...

MySQL 5.7.18 アーカイブ圧縮版のインストールチュートリアル

この記事では、MySQL 5.7.18アーカイブ圧縮版をインストールする具体的な方法を参考までに紹介...

CSS3で実装されたグラデーションスライド効果

成果を達成する コードhtml <div class="css-slideshow&...

MySQL トランザクションの詳細

目次導入取引の4つの特徴トランザクション分離レベル確認するMVCC現在の読書スナップショット読み取り...

MySQL で浮動小数点データを文字データに変換するときに起こりうる問題の詳細な説明

序文この記事は主に、MySQL で浮動小数点型を文字型に変換するときに発生する問題を紹介します。これ...

ホバー画像のポップアウトポップアップ効果を実現するための純粋な CSS のサンプルコード

実施原則メイングラフィックは、背景と前景の 2 つの要素で構成されています。次のサンプルコードでは、...

CentOSにDockerをインストールする方法

ここでは比較的簡単なインストール方法のみを紹介します。 1. yumを使用してインストールするyum...

Linux 最速のテキスト検索ツール ripgrep (grep の最良の代替)

序文テキスト検索ツールといえば、Linux で最も便利でよく使われるツールの 1 つである grep...

17 個の JavaScript ワンライナー

目次1. DOMとBOM関連1. 要素にフォーカスがあるかどうかを確認する2. 要素の兄弟ノードをす...

MySQL プロセス制御 IF()、IFNULL()、NULLIF()、ISNULL() 関数

MySQL では、IF()、IFNULL()、NULLIF()、および ISNULL() 関数を使用...

CSS3は小さな矢印のさまざまなグラフィック効果を実現します

CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...