如何使用 Factory Function 回傳 Function ?

栏目: JavaScript · 发布时间: 7年前

内容简介：傳統 Factory Function 是用來回傳 Object，但 ECMAScript 支援 First-Class Function，且 Function 其實也是 Object，因此 Factory Function 可廣義回傳底層已經準備好的 Function。ECMAScript 2015已經準備好

傳統 Factory Function 是用來回傳 Object，但 ECMAScript 支援 First-Class Function，且 Function 其實也是 Object，因此 Factory Function 可廣義回傳底層已經準備好的 Function。

Version

ECMAScript 2015

Switch Case

const funcA = () => 'a';
const funcB = () => 'b';
const emptyFunc = () => {};

const factoryFunc = funcName => {
  switch (funcName) {
    case 'funcA':
      return funcA;

    case 'funcB':
      return funcB;

    default:
      return emptyFunc;
  }
};

console.log(factoryFunc('funcA')());
console.log(factoryFunc('funcB')());
console.log(factoryFunc('funcC')());

已經準備好 funcA 、 funcB ，在 factoryFunc() 由 user 傳入 function 名稱 ，就回傳指定的 function。

最直覺的寫法就是使用 switch case 。

如何使用 Factory Function 回傳 Function ?

Object Literal

const funcA = () => 'a';
const funcB = () => 'b';
const emptyFunc = () => {};

const funcMap = {
  funcA,
  funcB,
};

const factoryFunc = funcName => funcMap[funcName] || emptyFunc;

console.log(factoryFunc('funcA')());
console.log(factoryFunc('funcB')());
console.log(factoryFunc('funcC')());

由於 Object Literal 的 key / value 特性，其實可以用來取代 switch case ，至於 default 則使用 || 表示。

如何使用 Factory Function 回傳 Function ?

Conclusion

使用 Factory Function 回傳 function 是實務上常見的需求，尤其以 Object Literal 實現 Factory Function 既精簡又優雅

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

The Algorithm Design Manual

Steve S. Skiena / Springer / 1998-8-1 / GBP 53.91

Contents u Techniques u Introduction to Algorithms u Correctness and Efficiency u Correctness u Efficiency u Expressing Algorithms u Keeping Score u The RAM Model of Computatio......一起来看看《The Algorithm Design Manual》这本书的介绍吧!

码农工具