只为粗暴看一下ES6的字符串模板的性能

网上查找"ES6 字符串模板 +性能"5分钟无果遂写了一个暴力测试。

测试对象：

• +=方式，字符串累加计算方式
• +s1+s2...+sn方式，即传统连加拼接字符串方式
• s.push(s1); s.join('')方式，数组拼接字符串方式
• es6字符串模板

测试方式：各执行times次运算，记录执行时间。

测试结果：

字符串模板的确钢！

不过上述是在Chrome中的测试结果，结果显示字符串模板的性能和字符串连加拼接方式性能大体相当，是+=逐个链接方式性能的5倍左右，array join方式性能最差，不忍直视。

在火狐浏览器下，除了array join依然不忍直视外，其他三种性能表现相当：

，火狐下贴一张撑撑门面就行了。

微软Edge下，结果比较呵呵哒：

除了连加方式外，其他基本上都可以算挂了。。。

IE呢？压根就不支持字符串模板，所以咱就不测了。

下面是测试脚本：

 (function () {

     let stringPlus = function () {

             //+=运算

             let a = "ahsdgdsd'sadbd'fpdfknsndf";
             a += "sgeoejhsshdsksdlkfkfss";
             a += "weieotjmn;gjfkawjrbnvjkjke";
             a += "sdfnjslkdgfpla;'gjfak";
             a += "dsfjpojjagjksfdoaaskksgsf;adn";
             a += "wyehfdhfvcxaawjyfbsvkcsajgef";
             a += "igvbcxzxgfhpgbsna";
             a += "afsvcbhlksjegjfdnalrllfdjnxl";
             a += "awshbnlsklesfdnxsxldxdsdhkjklm";
             a += "uatesgsjdabsuaadjhcbdsdgcdbchnxkyesuefgdgsdxjhdbxcduhdywgbsihs";
             a += "agsccbjzhbcxbwefyouoiUWA8YESSIHCB";
             a += "dfasdkcaehwieruefandjcnxzvcuerefha";
             a += "vsdrleifhjs489wodjnlgsehufdja";
             a += "wegtfyudashnvnxntrwefkhjhfnc";
             a += "ASDGFODIUERTGYHJG;OLFJAMGRTYRUGFNDLAKBWYG ";
             a += "WEGPFHAFSDRRGJNRYTE8Aghjfoueygf";
             a += "erfvcdvmcdlfklvcnssejckzdjvcns";
             a += "wetufvnckjffbcnmfwuirldncxmlzjn";
             a += "fhfhjlkgeiuvlzkjdquevxx,.vnee";
             a += "sdchbnzkdn xxcmsbvcosihhsjm.mn soe";
             a += "yuuweygfyvczhvqwerhbfvnsjlhvzxv";
             a += "qyylkldbhjjfjJHMNVlaefl";
             a += "bdkvxknkniruvn,xhlsaeshksjfk z,";
             a += "ygufdkfhakvbxcv,nu[gq;hfauhfaks";
             a += "asfyerueiwsnjlkZBcharvbhzcablf";
             a += "dvcbzkjnvlsujvcz,cwrajklzldnahruf";
             a += "siihjscdcnlzzcslfahdwuiednvcaesf";
             a += "auhdzcjsfhjsl;ncaaureiwksnvlcl";
             a += "iuaehcnslklcseufjsjeotroeiosdn";
             a += "waeg;tirueywtrdfghjnxlghfgekfg";
             a += "nhgfdhjkf,v'c;lIkzxjfhbnszdv";
             a += "zxgfdsuyhjkglckjlYATRGFHJKXJCHASFJ";
             a += "afyvhjletd;LJKN;alnksrjfhbhdfn";
             a += "bvcxhgehglalksudjhfjdncmxwpljfd";
             return a;
         },
         stringPlus2 = function () {

             //连+运算

             let a = "ahsdgdsd'sadbd'fpdfknsndf"
             + "sgeoejhsshdsksdlkfkfss"
             + "weieotjmn;gjfkawjrbnvjkjke"
             + "sdfnjslkdgfpla;'gjfak"
             + "dsfjpojjagjksfdoaaskksgsf;adn"
             + "wyehfdhfvcxaawjyfbsvkcsajgef"
             + "igvbcxzxgfhpgbsna"
             + "afsvcbhlksjegjfdnalrllfdjnxl"
             + "awshbnlsklesfdnxsxldxdsdhkjklm"
             + "uatesgsjdabsuaadjhcbdsdgcdbchnxkyesuefgdgsdxjhdbxcduhdywgbsihs"
             + "agsccbjzhbcxbwefyouoiUWA8YESSIHCB"
             + "dfasdkcaehwieruefandjcnxzvcuerefha"
             + "vsdrleifhjs489wodjnlgsehufdja"
             + "wegtfyudashnvnxntrwefkhjhfnc"
             + "ASDGFODIUERTGYHJG;OLFJAMGRTYRUGFNDLAKBWYG "
             + "WEGPFHAFSDRRGJNRYTE8Aghjfoueygf"
             + "erfvcdvmcdlfklvcnssejckzdjvcns"
             + "wetufvnckjffbcnmfwuirldncxmlzjn"
             + "fhfhjlkgeiuvlzkjdquevxx,.vnee"
             + "sdchbnzkdn xxcmsbvcosihhsjm.mn soe"
             + "yuuweygfyvczhvqwerhbfvnsjlhvzxv"
             + "qyylkldbhjjfjJHMNVlaefl"
             + "bdkvxknkniruvn,xhlsaeshksjfk z,"
             + "ygufdkfhakvbxcv,nu[gq;hfauhfaks"
             + "asfyerueiwsnjlkZBcharvbhzcablf"
             + "dvcbzkjnvlsujvcz,cwrajklzldnahruf"
             + "siihjscdcnlzzcslfahdwuiednvcaesf"
             + "auhdzcjsfhjsl;ncaaureiwksnvlcl"
             + "iuaehcnslklcseufjsjeotroeiosdn"
             + "waeg;tirueywtrdfghjnxlghfgekfg"
             + "nhgfdhjkf,v'c;lIkzxjfhbnszdv"
             + "zxgfdsuyhjkglckjlYATRGFHJKXJCHASFJ"
             + "afyvhjletd;LJKN;alnksrjfhbhdfn"
             + "bvcxhgehglalksudjhfjdncmxwpljfd";
             return a;
         },
         arrayJoin = function () {

             //array join

             let a = ["ahsdgdsd'sadbd'fpdfknsndf"];
             a.push("sgeoejhsshdsksdlkfkfss");
             a.push("weieotjmn;gjfkawjrbnvjkjke");
             a.push("sdfnjslkdgfpla;'gjfak");
             a.push("dsfjpojjagjksfdoaaskksgsf;adn");
             a.push("wyehfdhfvcxaawjyfbsvkcsajgef");
             a.push("igvbcxzxgfhpgbsna");
             a.push("afsvcbhlksjegjfdnalrllfdjnxl");
             a.push("awshbnlsklesfdnxsxldxdsdhkjklm");
             a.push("uatesgsjdabsuaadjhcbdsdgcdbchnxkyesuefgdgsdxjhdbxcduhdywgbsihs");
             a.push("agsccbjzhbcxbwefyouoiUWA8YESSIHCB");
             a.push("dfasdkcaehwieruefandjcnxzvcuerefha");
             a.push("vsdrleifhjs489wodjnlgsehufdja");
             a.push("wegtfyudashnvnxntrwefkhjhfnc");
             a.push("ASDGFODIUERTGYHJG;OLFJAMGRTYRUGFNDLAKBWYG ");
             a.push("WEGPFHAFSDRRGJNRYTE8Aghjfoueygf");
             a.push("erfvcdvmcdlfklvcnssejckzdjvcns");
             a.push("wetufvnckjffbcnmfwuirldncxmlzjn");
             a.push("fhfhjlkgeiuvlzkjdquevxx,.vnee");
             a.push("sdchbnzkdn xxcmsbvcosihhsjm.mn soe");
             a.push("yuuweygfyvczhvqwerhbfvnsjlhvzxv");
             a.push("qyylkldbhjjfjJHMNVlaefl");
             a.push("bdkvxknkniruvn,xhlsaeshksjfk z,");
             a.push("ygufdkfhakvbxcv,nu[gq;hfauhfaks");
             a.push("asfyerueiwsnjlkZBcharvbhzcablf");
             a.push("dvcbzkjnvlsujvcz,cwrajklzldnahruf");
             a.push("siihjscdcnlzzcslfahdwuiednvcaesf");
             a.push("auhdzcjsfhjsl;ncaaureiwksnvlcl");
             a.push("iuaehcnslklcseufjsjeotroeiosdn");
             a.push("waeg;tirueywtrdfghjnxlghfgekfg");
             a.push("nhgfdhjkf,v'c;lIkzxjfhbnszdv");
             a.push("zxgfdsuyhjkglckjlYATRGFHJKXJCHASFJ");
             a.push("afyvhjletd;LJKN;alnksrjfhbhdfn");
             a.push("bvcxhgehglalksudjhfjdncmxwpljfd");
             return a.join('');
         },
         stringTemplate = function () {

             //字符串模板

             let a1 = "ahsdgdsd'sadbd'fpdfknsndf",
                 a2 = "sgeoejhsshdsksdlkfkfss",
                 a3 = "weieotjmn;gjfkawjrbnvjkjke",
                 a4 = "sdfnjslkdgfpla;'gjfak",
                 a5 = "dsfjpojjagjksfdoaaskksgsf;adn",
                 a6 = "wyehfdhfvcxaawjyfbsvkcsajgef",
                 a7 = "igvbcxzxgfhpgbsna",
                 a8 = "afsvcbhlksjegjfdnalrllfdjnxl",
                 a9 = "awshbnlsklesfdnxsxldxdsdhkjklm",
                 a10 = "agsccbjzhbcxbwefyouoiUWA8YESSIHCB";
             let a = `${a1}${a2}${a3}${a4}${a5}${a6}${a7}${a8}${a9}uatesgsjdabsuaadjhcbdsdgcdbchnxkyesuefgdgsdxjhdbxcduhdywgbsihs${a10}${"dfasdkcaehwieruefandjcnxzvcuerefha"}vsdrleifhjs489wodjnlgsehufdja${"wegtfyudashnvnxntrwefkhjhfnc"}${"ASDGFODIUERTGYHJG;OLFJAMGRTYRUGFNDLAKBWYG "}${"WEGPFHAFSDRRGJNRYTE8Aghjfoueygf"}${"erfvcdvmcdlfklvcnssejckzdjvcns"}${"wetufvnckjffbcnmfwuirldncxmlzjn"}${"fhfhjlkgeiuvlzkjdquevxx,.vnee"}${"sdchbnzkdn xxcmsbvcosihhsjm.mn soe"}${"yuuweygfyvczhvqwerhbfvnsjlhvzxv"}qyylkldbhjjfjJHMNVlaefl${"bdkvxknkniruvn,xhlsaeshksjfk z,"}${"ygufdkfhakvbxcv,nu[gq;hfauhfaks"}${"asfyerueiwsnjlkZBcharvbhzcablf"}${"dvcbzkjnvlsujvcz,cwrajklzldnahruf"}${"siihjscdcnlzzcslfahdwuiednvcaesf"}${"auhdzcjsfhjsl;ncaaureiwksnvlcl"}${"iuaehcnslklcseufjsjeotroeiosdn"}${"waeg;tirueywtrdfghjnxlghfgekfg"}${"nhgfdhjkf,v'c;lIkzxjfhbnszdv"}${"zxgfdsuyhjkglckjlYATRGFHJKXJCHASFJ"}${"afyvhjletd;LJKN;alnksrjfhbhdfn"}bvcxhgehglalksudjhfjdncmxwpljfd`
             return a;
         };

     //stringPlus
     let start = new Date().getTime(),
         string = "",
         times = 1000000;
     console.info('操作次数 -> ' + times);
     for(let i = 0; i < times; i++){
         string = stringPlus();
     }
     let end = new Date().getTime();
     console.info("string plus -> " + (end - start));

     //stringPlus2
     start = new Date().getTime();
     string = "";
     for(let i = 0; i < times; i++){
         string = stringPlus2();
     }
     end = new Date().getTime();
     console.info("string plus 2 -> " + (end - start));

     //arrayJoin
     start = new Date().getTime();
     string = "";
     for(let i = 0; i < times; i++){
         string = arrayJoin();
     }
     end = new Date().getTime();
     console.info("array join -> " + (end - start));

     //stringTemplate
     start = new Date().getTime();
     string = "";
     for(let i = 0; i < times; i++){
         string = stringTemplate();
     }
     end = new Date().getTime();
     console.info("string template -> " + (end - start));

 })();