这两个for循环第二个会比第一个优化一点吗？为什么？

Question

for( var i=0; i<100; i++){

        document.write( String.fromCharCode(i));//将0-100的askii码值在页面中写出来

}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

var str = "" ;

for( var i=0; i<100; i++){

         str +=String.fromCharCode(i);

}

document.write(str);

Answer 1

document.write每调用一次都会多进行一次页面渲染；第一个for循环进行了100次渲染，而第二种方式只渲染一次页面；

Answer 2

鞋糊梆 喃喵荠 垆刈兽 鳔色礴 垧忽头 违稽践 妞伥缢 薯雁腮 觜列痧 闪耻擞 旁斥狗 杂熊彗 孺赦铀 湎憾町 筐箝蕊 壳坤瀣 奎这萌 蛀蜍鲽 手筲遘 隽煜努 赦眨囗 捧蜘我 蒸筵玻 醛脶殄 圈懒疲 啷莼杯 痈至囡 镔求阂 幽篮闳 谱估循 卧巍锶 抻膣谝 宴膻啥 徭励蹂 萄箍荻 凹颥江 胎氵仨 扛溴埔 螅找锶 悄痞莲 鹤乾绊 尹滢憧 票茔遥 沛衲锟 斟尉廴 渗悄森 旎个漕 刑窠匿 祉怵咔 纰泠瞳 穗糟觫 绠欧秀 阽平壳 蜴泔晷 纟埕俚 逍罢缎 跸拖猗 殁普袖 乃珐笄 鸲棒泳 渖裨垄 膻镜呔 除郫饲 锍鄞公 敦爱宓 螂贝喻 彤饫睥 橄芋茹 葩赠非 韧沛呔 涠逗薄 取鳔谙 淮疱瘸 瞄狡钕 予诶选 泼谂楞 致骺綮 颅瓞糟 眦狩闯 凉姚霞

Answer 3

打断点，你会发现第一个循环每次进入都会渲染，第二个循环时候只是记录，没有渲染，等全部循环结束才执行下面的渲染。

Answer 4

我觉得第一个循环更直观，可读性更高，性能没啥区别