JAVASCRIPT の関数 - TECHCODEVIEW.COM

あ JavaScript関数 は、特定のタスクを実行するように設計されたコードのブロックです。これは、プログラム全体で再利用できる一連の命令をカプセル化します。関数はパラメーターを受け取り、ステートメントを実行し、値を返すことができるため、JavaScript プログラミングでコードの編成、モジュール性、および再利用性が可能になります。

JavaScript 関数は、何かが呼び出す (呼び出す) と実行されます。

例：基本的な JavaScript 関数。ここでは、1 番目の要素を 2 番目の要素で除算する関数を作成します。

子供の頃のジャスミン・デイビス

JavaScript

 function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value);>

出力

4>

出力：

4>

JavaScript でよく使われる次のような関数をすでに見たことがあるはずです。アラート() 、これは JavaScript の組み込み関数です。ただし、JavaScript を使用すると、ユーザー定義関数を作成することもできます。キーワード「function」を使用して JavaScript で関数を作成できます。

構文 : JavaScript で関数を作成するための基本的な構文を以下に示します。

function functionName(Parameter1, Parameter2, ...) {  // Function body }>

JavaScript で関数を作成するには、まずキーワードを使用する必要があります。関数、関数の名前と括弧内のパラメーターで区切られます。中括弧 {} 内の関数の部分が関数の本体です。

Java コレクション Java

JavaScript では、関数を変数と同じように代入や計算に使用できます。

関数の呼び出し:

イベント (ユーザーによるボタンのクリックなど) によってトリガーされます。
JavaScript コードから明示的に呼び出された場合。
自己呼び出し関数などで自動的に実行されます。

関数定義:

以前は、JavaScript でユーザー定義関数を使用して関数を作成する必要がありました。上記の構文を使用して、JavaScript で関数を作成できます。関数定義は、関数宣言または関数ステートメントと呼ばれることもあります。 JavaScript で関数を作成する場合のルールは次のとおりです。

すべての関数はキーワードで始める必要があります関数に続く、
一意である必要があるユーザー定義関数名。
括弧で囲まれ、カンマで区切られたパラメータのリスト。
中括弧 {} で囲まれた関数の本体を構成するステートメントのリスト。

例：この例は、JavaScript での関数の基本的な宣言を示しています。

JavaScript

 function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9));>

出力

15>

上の例では、calcAddition という名前の関数を作成しました。

この関数は 2 つの数値をパラメータとして受け取り、これら 2 つの数値の加算を返します。
() を付けずに関数名だけで関数にアクセスすると、関数の結果ではなく関数オブジェクトが返されます。

JavaScript で関数を記述するには 3 つの方法があります。

関数宣言: function キーワードを使用して関数を宣言します。関数宣言には関数名が必要です。

Android で YouTube 広告をブロックする

構文：

function geeksforGeeks(paramA, paramB) {  // Set of statements }>

関数式:

これは、関数名のない関数宣言に似ています。関数式変数代入に格納できます。

構文：

let geeksforGeeks= function(paramA, paramB) {  // Set of statements }>

例：この例では、Function 式の使用法を説明します。

JavaScript

 const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x);>

出力

16>

変数値としての関数:

関数は変数と同じように使用できます。

例：

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius';>

アロー関数:

アロー関数 は、実装が比較的簡単なため、JavaScript で関数を作成するために最も使用され、効率的な方法の 1 つです。これは、正規または通常の関数式または構文を簡略化し、よりコンパクトにしたバージョンです。

DF ロック

構文：

let function_name = (argument1, argument2 ,..) =>式>

例：この例では、Arrow 関数の使用法を説明します。

JavaScript

const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.長さ); console.log('アロー関数の使用', a3); // [8、6、7、9]>>'  
  出力  Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ]>
      関数パラメータ:    
これまで関数パラメータについてはよく聞いてきましたが、詳しくは説明していませんでした。パラメータは関数に渡される追加情報です。たとえば、上記の例では、関数のタスクは    計算加算    2 つの数値の加算を計算することです。加算演算を実行するこれら 2 つの数値は、パラメーターとしてこの関数に渡されます。パラメーターは、関数名の後の括弧内でコンマで区切られ、関数に渡されます。 JavaScript の関数は任意の数のパラメーターを持つことができますが、同時に JavaScript の関数は単一のパラメーターを持つことはできません。
     例：    この例では、引数を関数に渡します。
JavaScript function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69>
   
  出力  関数を定義した後の次のステップは、関数を呼び出してその関数を使用することです。括弧と末尾のセミコロンで囲まれたパラメータの値で区切られた関数名を使用して、関数を呼び出すことができます。以下の構文は、JavaScript で関数を呼び出す方法を示しています。
60のうち10は何ですか
     構文：    
 functionName( Value1, Value2, ..);>
    例：    以下は、JavaScript の関数の動作を示すサンプル プログラムです。
JavaScript function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal));>
   
  出力  Hello Admin welcome to techcodeview.com>
     リターンステートメント    :
いくつかの操作を実行した後に関数からいくつかの値を返したい場合があります。このような場合、JavaScript の return ステートメントを利用できます。これはオプションのステートメントであり、ほとんどの場合、JavaScript 関数の最後のステートメントになります。次の名前の関数を使用した最初の例を見てください。    計算加算    。この関数は 2 つの数値を計算し、結果を返します。
     構文：    return ステートメントを使用するための最も基本的な構文は次のとおりです。
 return value;>
return ステートメントはキーワードで始まります    戻る    そこから返したい値で区切られます。値を直接返す代わりに式を使用することもできます。
 機能：
 JavaScript |アロー関数
JavaScript |逃げる（）
JavaScript |アンエスケープ()
JavaScript |ウィンドウの印刷()
JavaScript | Window Blur() メソッドと Window Focus() メソッド
JavaScript | console.log()
JavaScript |プレスフロート()
JavaScript |不等()
 JavaScript parseInt()
JavaScript |マッチ（）
JavaScript | Date.parse()
JavaScript | Replace() メソッド
JavaScript | Map.get()
JavaScript | Map.entries( )
JavaScript | Map.clear()
JavaScript | Map.delete()
JavaScript | Map.has()
      詳細>>     
 Javascript の重要なトピックをすべて網羅した Javascript のチートシートを用意していますので、確認してください。 JavaScript チートシート - JavaScript の基本ガイド 。