只为粗暴看一下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));

})();