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

推薦する

Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル

目次1. Typescriptの紹介2. 設定ファイル webpack 設定3. プロジェクトに.t...

MySQL (InnoDB) がデッドロックを処理する方法の詳細な説明

1. デッドロックとは何ですか?正式な定義は次のとおりです: 2 つのトランザクションが相手側で必要...

WeChatアプレットが連携メニューを実現

最近はコース設計を実現するために、フロントエンドも少しやっています。今日はいくつかの機能を実現するた...

Dockerイメージをプライベートリポジトリにアップロードする方法の例

イメージは、GitHub と同様に Docker パブリック リポジトリに直接簡単にプッシュできます...

MySQLはインデックスプッシュダウンを数秒で理解するのに役立ちます

目次1. インデックスプッシュダウン最適化の原理2. インデックスプッシュダウンの具体的な実践1. ...

MySQLトリガーの簡単な使用例

この記事では、例を使用して MySQL トリガーの簡単な使用方法を説明します。ご参考までに、詳細は以...

Centos7環境でYUMを構築する方法

1. yumソースの設定ファイルを入力します 2.lsで設定ファイルを表示する 3. ディレクトリを...

Facebook によるインターネット サービスのほぼ完璧な再設計

<br />出典: http://www.a-xuan.cn/?p=197 先ほどFac...

Sqoop エクスポート マップ 100% 削減 0% さまざまな理由と解決策でスタック

私はこのようなバグを典型的な「ハムレット」バグと呼んでいます。これは、「エラーメッセージは同じだが、...

Nginx のパフォーマンスを向上させるための提案

Web アプリケーションが 1 台のマシンでのみ実行される場合、パフォーマンスを向上させるのは非常に...

スーパーバイザーを使用して nginx + tomcat コンテナを管理する例

必要: docker を使用して nginx + tomcat デュアル プロセスを起動します。実際...

Windows システムに MySQL を素早くインストールして展開する方法 (グリーンの無料インストール バージョン)

まずは緑色の無料インストール版のMySQLをダウンロードします。任意のフォルダに入れて構いません。今...

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

React コンポーネント間で通信する 3 つの方法 (シンプルで使いやすい)

目次1. 親子コンポーネント通信2. クロスレベルコンポーネント通信1. レイヤーごとに値を渡す2....

Dockerコンテナを停止および削除できない問題の解決策

実行中のコンテナIDを見つける ドッカーps上記のコンテナの物理的な場所を見つける /var/lib...