JS で関数を定義するいくつかの方法-jsチュートリアル-php.cn

JS で関数を定義するいくつかの方法

青灯夜游

リリース： 2020-10-20 17:21:22

転載

4396 人が閲覧しました

JS で関数を定義するいくつかの方法

JavaScript で関数を作成する方法は何通りあるかご存知ですか?次の記事では、JavaScript で関数を定義するさまざまな方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#1. 宣言関数 #

function sum(a, b) { return a + b; }

ログイン後にコピー

#2. 式関数 #

// 可以命名:
(function sum(a, b) { return a + b; });

// 也可匿名 (AVOID):
(function(a, b) { return a + b; });

// 也能分配给变量：
const sum = function sum(a, b) { return a + b; })

ログイン後にコピー

3. アロー関数

// 一般形式:
(a, b) => { return a + b };

// 单参数，一行返回：
name => name.split(' ')

// 多参数，一行返回：
(a, b) => a + b

// 单参数，带函数体
name => { return name.split(' '); }

ログイン後にコピー

#4. ジェネレータ関数

function *sum(a, b) { yield a + b; }

ログイン後にコピー

5. 非同期関数

async function sum(a, b) { return await a + b; }

ログイン後にコピー

6. コンストラクター (AVOID)

new Function(‘a’, ‘b’, ‘return a + b;’);

ログイン後にコピー

7. エクスポート関数

// 默认导出
export default function(a, b) { return a + b; };

// 命名导出
export function sum(a, b) { return a + b; };

ログイン後にコピー

#8. オブジェクト属性関数

// 一般形式:
const object = {
  sum: function(a, b) { return a + b; },
};

// 简写:
const object = {
  sum(a, b) { return a + b; },
};

ログイン後にコピー

#9 . オブジェクト動的プロパティ関数 #

const functionName = "sum";
const object = {
  [functionName]: function(a, b) { return a + b; },
};

ログイン後にコピー

#10. オブジェクトプロパティの Getter/Setter 関数

// 一般形式:
const object = {
  get answer { return 42; },
  set answer(value) { /* 一些操作value的代码 */ },
};

//  使用 defineProperty
const obj = {};
Object.defineProperty(obj, "answer", {
  get() { return 42; },
  set(value) { /* 一些操作value的代码 */ },
});

ログイン後にコピー

11. オブジェクトの動的プロパティの Getter/Setter 関数

const functionName = "answer";
const object = {
  get [functionName]() { return 42; },
  set [functionName](value) { /* 一些操作value的代码 */ },
};

ログイン後にコピー

12. クラスメソッドの関数

class Compute {
  // 一般形式:
  sum(a, b) { return a + b; }
}

class Compute {
  // 静态:
  static sum(a, b) { return a + b; };
}

ログイン後にコピー

13. クラス属性関数

class Compute {
  // 一般形式:
  sum = function (a, b) { return a + b; };
}class Compute {
  // 静态:
  static sum = function(a, b) { return a + b; };
}

ログイン後にコピー

14. クラスプライベート関数

class Compute {
  // 一般形式:
  #sum(a, b) {
    return a + b;
  }  // 静态:
  static #sum(a, b) {
    return a + b;
  }
}

ログイン後にコピー

概要

これらの方法のいくつかを組み合わせると、さらに多くの可能性が生まれます。

他の方法をご存知ですか? メッセージを残して教えてください。関連する無料学習の推奨事項:

js ビデオチュートリアル

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

JS で関数を定義するいくつかの方法

#9 . オブジェクト動的プロパティ関数 #const functionName = "sum"; const object = { [functionName]: function(a, b) { return a + b; }, };ログイン後にコピー

#9 . オブジェクト動的プロパティ関数 #
const functionName = "sum"; const object = { [functionName]: function(a, b) { return a + b; }, };
ログイン後にコピー