JavaScript 関数の簡単な紹介-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript 関数の簡単な紹介

青灯夜游

Sep 14, 2018 am 09:21 AM

javascript 関数物体

この章では、誰もが JavaScript 関数を予備的に理解できるように、JavaScript 関数について簡単に紹介します。困っている友人は参考にしていただければ幸いです。

JavaScript 関数とは何ですか?

JavaScript では、関数はプログラムによって自由に操作できるオブジェクトであり、関数をネストして他の関数内に定義できるため、その関数が含まれるスコープ内で関数にアクセスできます。任意の変数を定義します。

関数は、呼び出されたときに実行されるイベント駆動型または再利用可能なコードのブロックです。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 函数</title>
</head>
<body>
    <!-- 当按钮被点击之后 -->
    <button onclick="MyFunction()">点一下</button>
</body>

<script type="text/javascript">
    function MyFunction() {
        alert("么么哒");
    }
</script>

</html>

ログイン後にコピー

JavaScript 関数の構文

関数は、中括弧で囲まれたコードのブロックであり、その前にキーワード function:

function myFunction(){
　　//执行代码
}
//当调用该函数时，会执行函数内的代码
//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。

ログイン後にコピー

が続きます。

JavaScript は大文字と小文字を区別し、キーワード関数は小文字にする必要があり、関数は関数名と同じ大文字と小文字を使用して呼び出す必要があります。

関数本体にステートメントが 1 つしか含まれていない場合でも、関数内の中括弧は必要です。

パラメータを使用した関数の呼び出し

関数を呼び出すときは、パラメータと呼ばれる値を渡すことができます。これらのパラメータは関数で使用できます。

英語ではカンマで区切って関数をいくつでも渡すことができます:

myFunction(num1,num2,num3)

ログイン後にコピー

関数を宣言するときは、パラメータを変数として宣言します:

function myFunction(var1,var2){
　　//代码
}

ログイン後にコピー

変数とパラメータは次のように指定する必要があります。一貫性のあるものは、最初の変数が最初に渡されたパラメータの指定された値である順序で表示されます。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
</body>
<script type="text/javascript">
    function myFunction(num1, num2) {
        alert(num1 + num2);
    }
</script>
</html>

ログイン後にコピー

ボタンがクリックされた後、上記の関数が呼び出されます。表示効果は次のとおりです。

JavaScript 関数の簡単な紹介

戻り値を持つ関数

処理されたデータを Where に返す関数が必要になる場合があります。これが呼び出された場合は、return ステートメントを通じて実行できます。

return ステートメントを使用すると、関数は実行を停止し、指定された値を返します。

<script type="text/javascript">
    function myFunction() {
        var x=9;
        return x;
    }
</script>

ログイン後にコピー

上記の関数は x 9 の値を返します;

注: JavaScript 全体は実行を停止せず、関数のみが関数のあった場所からコードを実行し続けます。と呼ばれた。

関数呼び出しは戻り値に置き換えられます。

<script type="text/javascript">
    function myFunction() {
        var x=9;
        return x;
    }
    var aa=myFunction();
</script>

ログイン後にコピー

aa の値は 9、つまり関数 "myFunction()" の戻り値です。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function myFunction() {
        var x=9;
        return x;
    }
    var aa=myFunction();
    document.getElementById("demo").innerHTML=myFunction();
</script>
</html>

ログイン後にコピー

上記のコードは、ID によって要素を選択し、関数 myFunction の戻り値を書き込みます。

関数を起動する場合は、return ステートメントを使用することもできます。戻り値はオプションです。か否か。

<script type="text/javascript">
    function myFunction(a,b) {
        if (a>b) {
            return;
        }
        x=a+b;
    }
</script>

ログイン後にコピー

上記のコードは、a が b より大きい場合に関数をプッシュします。 ab の合計は計算されません。

ローカル JavaScript 変数

JavaScript 関数内で宣言された変数 (var を使用) はローカル変数であるため、関数内でのみアクセスできます。。 (この変数のスコープは関数であり、ローカルであるとも言えます)。

同じ変数名を異なる関数で使用できます。変数を宣言する関数だけが変数を認識できるためです。関数の実行が終了すると、ローカル変数はすぐに削除されます。

ローカル変数は同じ名前のグローバル変数よりも優先されるため、ローカル変数は同じ名前のグローバル変数を隠します。

グローバル JavaScript 変数

関数の外で宣言された変数はグローバル変数であり、Web ページ上のすべてのスクリプトおよび関数からアクセスできます。

#JavaScript 変数の有効期間

JavaScript 変数の有効期間は、宣言されたときに始まります。

ローカル変数は関数の実行後に削除されます。

グローバル変数はページを閉じると削除されます。

未宣言の JavaScript 変数への値の代入

未宣言の変数に値を代入すると、その変数は自動的にグローバル変数ステートメント。

以上がJavaScript 関数の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7722

Java チュートリアル

1642

CakePHP チュートリアル

1396

Laravel チュートリアル

1289

PHP チュートリアル

1233

Related knowledge

golang 関数で新しい関数を動的に作成するためのヒント Apr 25, 2024 pm 02:39 PM

Go 言語は、クロージャとリフレクションという 2 つの動的関数作成テクノロジを提供します。クロージャを使用すると、クロージャスコープ内の変数にアクセスでき、リフレクションでは FuncOf 関数を使用して新しい関数を作成できます。これらのテクノロジーは、HTTP ルーターのカスタマイズ、高度にカスタマイズ可能なシステムの実装、プラグイン可能なコンポーネントの構築に役立ちます。

C++ 関数の命名におけるパラメーターの順序に関する考慮事項 Apr 24, 2024 pm 04:21 PM

C++ 関数の名前付けでは、読みやすさを向上させ、エラーを減らし、リファクタリングを容易にするために、パラメーターの順序を考慮することが重要です。一般的なパラメータの順序規則には、アクション-オブジェクト、オブジェクト-アクション、意味論的な意味、および標準ライブラリへの準拠が含まれます。最適な順序は、関数の目的、パラメーターの種類、潜在的な混乱、および言語規約によって異なります。

Java で効率的で保守しやすい関数を記述するにはどうすればよいでしょうか? Apr 24, 2024 am 11:33 AM

効率的で保守しやすい Java 関数を作成するための鍵は、シンプルに保つことです。意味のある名前を付けてください。特殊な状況に対処します。適切な可視性を使用してください。

Excel関数の公式の完全なコレクション May 07, 2024 pm 12:04 PM

1. SUM 関数は、列またはセルのグループ内の数値を合計するために使用されます (例: =SUM(A1:J10))。 2. AVERAGE 関数は、列またはセルのグループ内の数値の平均を計算するために使用されます (例: =AVERAGE(A1:A10))。 3. COUNT 関数。列またはセルのグループ内の数値またはテキストの数をカウントするために使用されます。例: =COUNT(A1:A10)。 4. IF 関数。指定された条件に基づいて論理的な判断を行い、結果を返すために使用されます。対応する結果。

MySQLクエリ結果の配列をオブジェクトに変換するにはどうすればよいですか? Apr 29, 2024 pm 01:09 PM

MySQL クエリ結果の配列をオブジェクトに変換する方法は次のとおりです。空のオブジェクト配列を作成します。結果の配列をループし、行ごとに新しいオブジェクトを作成します。 foreach ループを使用して、各行のキーと値のペアを新しいオブジェクトの対応するプロパティに割り当てます。新しいオブジェクトをオブジェクト配列に追加します。データベース接続を閉じます。

C++関数のデフォルトパラメータと可変パラメータの長所と短所の比較 Apr 21, 2024 am 10:21 AM

C++ 関数のデフォルトパラメーターの利点には、呼び出しの簡素化、可読性の向上、エラーの回避などがあります。欠点は、柔軟性が限られていることと、名前の制限があることです。可変引数パラメーターの利点には、無制限の柔軟性と動的バインディングが含まれます。欠点としては、複雑さの増大、暗黙的な型変換、デバッグの難しさなどが挙げられます。

カスタム PHP 関数と定義済み関数の違いは何ですか? Apr 22, 2024 pm 02:21 PM

カスタム PHP 関数と定義済み関数の違いは次のとおりです。スコープ: カスタム関数はその定義のスコープに限定されますが、事前定義関数はスクリプト全体からアクセスできます。定義方法: カスタム関数は function キーワードを使用して定義されますが、事前定義関数は PHP カーネルによって定義されます。パラメータの受け渡し: カスタム関数はパラメータを受け取りますが、事前定義された関数はパラメータを必要としない場合があります。拡張性: カスタム関数は必要に応じて作成できますが、事前定義された関数は組み込みで変更できません。

C++ 関数例外の詳細: カスタマイズされたエラー処理 May 01, 2024 pm 06:39 PM

C++ の例外処理は、特定のエラーメッセージ、コンテキスト情報を提供し、エラーの種類に基づいてカスタムアクションを実行するカスタム例外クラスを通じて強化できます。 std::Exception から継承した例外クラスを定義して、特定のエラー情報を提供します。カスタム例外をスローするには、throw キーワードを使用します。 try-catch ブロックでdynamic_castを使用して、キャッチされた例外をカスタム例外タイプに変換します。実際の場合、open_file 関数は FileNotFoundException 例外をスローします。例外をキャッチして処理すると、より具体的なエラーメッセージが表示されます。

See all articles

JavaScript 関数の簡単な紹介

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック