做JavaScript题遇到两个问题，请问各位JavaScript大拿解答一下

Keith

谢谢！

问题1，具体哪里内存泄漏了？


问题2，http 大数据量的问题：

gzrain

小试一下，莫喷～

Q1:

1. 
   
2. longStr: new Array(100000).join('*');
   

复制代码

其他行都是定义，只有这行在runtime被执行


Q2:
如果api不可以改的话

1. 
   
2. let renderPhoneBook = (list) => {
   
3.   let phoneBook = $('ul#phone-book');
   
4.   for (let item of list) {
   
5.     phoneBook.append(`<li>${item.name} , ${item.number}</li>`)
   
6.   }
   
7. }
   

复制代码

＊ save jquery selector to variable 减少 DOM 操作
＊ loop 里面的 item 不需要是 const

angest

第一个unused和someMethod两个函数共享作用域，而unused函数用了theValue，所以someMethod函数也不得不保留theValue的引用，于是每个新值都引用到旧值了。按题意的解决方法是把originalValue用完之后设置为null即可。
第二个不知道用的是哪个库，我没试运行，反正这样狂操DOM肯定是不行的。先把所有要插的DOM组成一个字符串，再插进去。

maudlin

第二个把要增加的节点拼接成字符串再插入，这样性能提升很多。

xiaomao8754

Best solution for the second one is to modify the API to support pagination

topliu

my 2 cents:
第一个每一秒都占用1000000个undefined elements, 当然时间长了出问题了，用完清空就行。
第二个，拿到一次object就可以，不用每次都找一次tag. 10000个数据一次append时间也不少，既然题目要求short-term solution, 那最简单的就是settimeout来分段操作来提高响应速度，比如先list100个

fish0185i

问题二
https://developers.google.com/web/fundamentals/performance/rendering/
这个可能有点帮助，因为不断插入造成不断计算layout和paint，所以把他们串起来会节约很多资源

fish0185i

第一道题目有人做了比较详细的解释http://heichwald.github.io/2016/01/10/memory-leak-closure-javascript.html
js closure memory leak