jsでの関数の使い方

下次还敢
リリース: 2024-05-06 12:09:19
オリジナル
828 人が閲覧しました

JavaScript の関数は再利用できます。使用方法は次のとおりです。 関数宣言: function キーワードを使用して宣言し、パラメーターを受け取り、結果を返します。関数式: const を使用して宣言され、パラメータを受け取り、矢印表記 (=>) を使用して結果を返します。自己呼び出し関数: 即時呼び出し関数式 (IIFE) を使用して宣言され、定義されるとすぐに実行されます。クラス メソッド: クラス定義で宣言されたメソッド。通常はオブジェクトで使用されます。

jsでの関数の使い方

JavaScript の関数

JavaScript の関数は、再利用でき、パラメーターを渡して結果を返すことができるコードのブロックです。

使い方

関数を宣言する

関数を宣言するには 4 つの方法があります:

  • 関数宣言: function 関数名 (パラメータ) {code block}
  • function 函数名(参数) { 代码块 }
  • 函数表达式:const 函数名 = (参数) => { 代码块 }
  • 自调用函数:(function() { 代码块 })()
  • 类方法:class 类名 { 方法名(参数) { 代码块 } }

调用函数

调用函数只需使用其名称,后跟括号内的任何参数:

<code class="javascript">函数名(参数1, 参数2);</code>
ログイン後にコピー

参数

函数可以接收参数,这些参数在函数体内作为变量使用。

返回值

函数可以使用 return

関数式 式:

const 関数名 = (パラメータ) => {code block}

自己呼び出し関数: (function() {code block}) ()

クラスメソッド:

class クラス名 { メソッド名 (パラメータ) { コードブロック} }関数呼び出し

関数の呼び出しのみ その名前を使用し、その後に括弧内のパラメーターを続けます:

<code class="javascript">function sayHello(name) {
  return `Hello, ${name}!`;
}

const greeting = sayHello("Bob");
console.log(greeting); // 输出:"Hello, Bob!"</code>
ログイン後にコピー
パラメーター関数は、関数本体内の変数として使用されるパラメーターを受け取ることができます。

戻り値

関数は、return キーワードを使用して値を返すことができます。 🎜🎜例🎜🎜🎜関数宣言: 🎜🎜
<code class="javascript">const multiply = (a, b) => {
  return a * b;
};

const product = multiply(10, 5);
console.log(product); // 输出:50</code>
ログイン後にコピー
🎜🎜関数式: 🎜🎜
<code class="javascript">(function() {
  console.log("立即执行!");
})();

// 输出:"立即执行!"</code>
ログイン後にコピー
🎜🎜自己呼び出し関数: 🎜🎜
<code class="javascript">class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

const person = new Person("Alice");
person.greet(); // 输出:"Hello, my name is Alice!"</code>
ログイン後にコピー
🎜🎜クラスメソッド: 🎜🎜rrreee

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート