几种动态调用js函数方案的性能比较

时间：2018-12-28 15:25:48 阅读：202 评论：0 收藏：0 [点我收藏+]

标签：script js函数 end .com 动态 cas 简洁 chrome bsp

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>
  <body>
    <script>
      function f1() {
        return 1 + 1;
      }

      function f2() {
        return 1000 + 3002 + "sxdd";
      }

      // 方案1
      console.time("t1");
      for (let i = 0; i < 10000000; i++) {
        const name = Math.random() > 0.5 ? "f1" : "f2";
        window[name]();
      }
      console.timeEnd("t1");

      // 方案2
      console.time("t2");
      for (let i = 0; i < 10000000; i++) {
        const name = Math.random() > 0.5 ? "f1" : "f2";
        switch (name) {
          case "f1":
            f1();
            break;
          case "f2":
            f1();
            break;
        }
      }
      console.timeEnd("t2");

      // 方案3
      console.time("t3");
      const map = {
        f1,
        f2
      };
      for (let i = 0; i < 10000000; i++) {
        const name = Math.random() > 0.5 ? "f1" : "f2";
        map[name]();
      }
      console.timeEnd("t3");
    </script>
  </body>
</html>