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

推薦する

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

Vue+elementuiはドロップダウンテーブルの複数選択と検索機能を実現します

この記事では、ドロップダウンテーブルの複数選択と検索を実現するためのvue+elementuiの具体...

MySQL パフォーマンスの最適化: インデックスを効率的かつ正しく使用する方法

実践こそが真実をテストする唯一の方法です。この記事では、インデックスの全体的な使用法についてのみ説明...

メタタグコードを使用して、360 デュアルコアブラウザを互換モードではなく高速モードにデフォルト設定します。

あるウェブサイトでは、ユーザーが WebKit カーネルでページを開くことを期待して、HTML5 と...

CSS3 で @media を使用して Web ページの適応を実現するためのサンプル コード

現在、コンピュータモニターの画面解像度はますます高くなる傾向にありますが、携帯電話などのモバイルデバ...

要素の円弧モーションを実現する CSS3 サンプルコード

CSS を使用して要素の円弧の動きを制御する方法CSS3 の新しい属性 transfrom トランジ...

HTML 9グリッドレイアウトの実装方法

ウェブサイトのレイアウトの多様化は、当社のフロントエンドの得意分野です。最近、UC ブラウザのデフォ...

Mysql接続数の設定と取得方法

接続数を取得する --- 最大接続数を取得します。SHOW VARIABLES LIKE '...

webpackの遅延読み込みとプリロードの詳細な説明

目次通常の読み込み遅延読み込みプリロードプリロードを使用しないプリロードの使用要約する通常の読み込み...

docker に openjdk をインストールして jar パッケージを実行する方法

画像をダウンロード docker プル openjdkデータボリュームの作成java_appデータボ...

Dockerコンテナにホストディレクトリへの書き込み権限がない場合の解決策

Docker コンテナを適用する場合、多くの場合、ホスト ディレクトリを Docker コンテナにマ...

W3C チュートリアル (7): W3C XSL アクティビティ

スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。XSL 言語は、X...

Mysqlアカウント管理の原理と実装方法の詳細な説明

この記事では、例を使用して、MySQL アカウント管理の原則と実装方法を説明します。ご参考までに、詳...

数千万件のレコードをMySQLに素早く挿入する方法に関する実践的なチュートリアル

1. データベースを作成する 2. テーブルを作成する1. deptテーブルを作成する テーブル「d...

Linux ディスク パーティションの実装の原理と方法の分析

覚えて: IDE ディスク: 最初のディスクは hda、2 番目のディスクは hdb...最初のディ...