来自 公司简介 2019-09-21 22:30 的文章
当前位置: 澳门太阳娱乐手机登录 > 公司简介 > 正文

性能进阶篇,闭包拾遗

Chrome开采者工具不完全指南(四、品质进级篇)

2015/07/05 · HTML5 · Chrome

初稿出处: 卖烧烤夫斯基   

前言

Profiles面板功效的意义重大是监察和控制网页中种种方法实施时间和内存的浮动,简单的说它就是Timeline的数字化版本。它的功力选项卡不是众多(只有四个),操作起来相比较前边的几块功用版本的话轻巧,但是里面包车型客车数量确非常多,很杂,要弄懂它们需求开支一些时间。尤其是在内存快速照相中的各样庞杂的数码。在那篇博客中卤煮将继续给我们分享Chrome开辟者工具的运用经验。若是您遇见不懂的地点恐怕有狼狈的地点,能够在谈空说有中回复卤煮,小说最终卤煮会最终把秘技交出来。上边要介绍的是Profiles。首先打开Profiles面板。

图片 1

Profiles分界面分为左右七个区域,左边区域是放文件的区域,侧面是显示数据的区域。在起来检查实验在此以前能够看到左侧区域有多个选项,它们各自代表者不一样的效益:

1.(Collect JavaScript CPU Profile)监察和控制函数试行期费用的小时
2.(Take Heap Snapshot)为当前分界面拍一个内部存款和储蓄器快速照相
3.(Record Heap Allocations)实时监察记录内部存款和储蓄器变化(对象分配追踪)

一、Collect JavaScript CPU Profile(函数搜罗器)

首先来关切首先个效率,(Collect JavaScript CPU Profile)监察函数试行期开销的时光。讲道理不比举个例子子,为了更明亮地理解它的功能轮廓,大家得以编制多个测量试验列子来考查它们的职能。这么些列子轻巧一些,使得大家剖判的数码更清楚一些。

XHTML

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <button id="btn"> click me</button> <script type="text/javascript"> function a() { console.log('hello world'); } function b() { a(); } function c() { b(); } document.getElementById('btn').addEventListener('click', c, true); </script> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button id="btn"> click me</button>
<script type="text/javascript">
function a() {
console.log('hello world');
}
 
function b() {
a();
}
 
function c() {
b();
}
 
document.getElementById('btn').addEventListener('click', c, true);
</script>
</body>
</html>

在右臂区域中挑选Collect JavaScript CPU Profile 选项,点击下方的Start按键(也能够点击右侧的中蓝圆圈),那时候Chrome会开始记录网页的艺术施行,然后大家点击分界面包车型大巴按键来奉行函数。最后再点击右边区域的Stop按键(恐怕左侧的黄绿圆圈),这时监察和控制就得了了。侧边Profiles会列出一个文本,单击能够看看如下分界面:

图片 2

活着了叁个数据表格,它们的意义在上海体育场所中一度标志出来了。它记录的是函数试行的时间以及函数实践的种种。通过侧边区域的品种选用能够切换数据突显的办法。有正包蕴关系,逆包罗关系,图表类型三种选项。大家得以选拔之中的图片类型:

图片 3

可以观望那么些面板似曾相识,没有错,它跟此前的TimeLine面板很像,的确,就算很像,但效果与利益不平等,不然也就没须要重复做了。从上航海用教室能够看出点击按键施行的依次函数实践的年月,顺序,饱含关系和CUP变化等。你能够在转移文书之后在左边手区域中保留该公文记录,后一次只须求在区域2这中式茶食击load开关便能够加载出来。约等于说你能够本地永世地记下该段时间内的点子实行时间。第贰个效果与利益差非常少就这样多,相比较其余七个来讲简单。

二、Take Heap Snapshot(内部存款和储蓄器快速照相**

下边大家来介绍一后一次之个作用的用法。第三个功效是给当下网页拍一个内部存款和储蓄器快速照相.选取首个拍片作用,按下 Take Snapshot 开关,给当下的网页拍下多少个内存快速照相,得到如下图。

图片 4

能够见到右侧区域生成个公文,文件名下方有数字,表示那几个张快速照相记录到的内部存款和储蓄器大小(此时为3.2M)。侧边区域是个列表,它分为五列,表头能够服从数值大小手动排序。在那张表格中列出的一些列数字和标志,以及表头的意思比较复杂,涉及到部分js和内部存款和储蓄器的知识,大家就先从这个表头开头精通她们。从左到右的顺序它们分别表示:
Constructor(构造函数)表示全体通过该构造函数生成的靶子
Distance 对象到达GC根的最短距离
Objects Count 对象的实例数
Shallow size 对应构造函数生成的对象的shallow sizes(直接占用内部存款和储蓄器)总量
Retained size 展示了对应对象所攻陷的最大内部存款和储蓄器
CG根!是神马东西?在google的官方文书档案中的提出是CG根不必用到开荒者去关切。可是大家在此地能够回顾说Bellamy(Bellamy)下。大家都知道js对象能够互相援引,在有个别对象申请了一块内部存款和储蓄器后,它很也许会被别的对象应用,而其他对象又被别的的目的应用,一层一层,但它们的指针都以指向同一块内部存款和储蓄器的,我们把那最先援引的这块内部存款和储蓄器就足以产生GC根。用代码表示是如此的:

JavaScript

var obj = {a:1}; obj.pro = { a : 100 }; obj.pro.pro = { b : 200 }; var two = obj.pro.pro; //这种情形下 {b:200} 就是被two引用到了,{b:200}对象援用的内部存款和储蓄器就是CG根

1
2
3
4
5
var obj = {a:1};
obj.pro = { a : 100 };
obj.pro.pro = { b : 200 };
var two = obj.pro.pro;
//这种情况下 {b:200} 就是被two引用到了,{b:200}对象引用的内存就是CG根

用一张官方的图可以如下表示:

图片 5

结合这张关系网的因素有二种:
Nodes:节点,对应叁个指标,用创建该指标的构造方法来命名
Edges:连接线,对应着对象间的援用关系,用对象属性名来定名
从上海体育地方你也能够见见了第二列的表头Dishtance的意思是怎么,没有错,它指的就是CG根和援引对象时期的相距。依照那条表明,图中的对象5到CG根的距离正是2!那么哪些是间接占用内部存款和储蓄器(Shallow size)和最大占用内部存款和储蓄器(Retained size)呢?直接占用内部存款和储蓄器指的是指标自己占用的内存,因为对象在内存中会通过二种办法存在着,一种是被三个别的对象保留(大家能够说那一个目的注重其余对象)或许被Dom对象那样的原生对象蕴涵保留。在那边一向占用内部存款和储蓄器指的正是前一种。(平时来说,数组和字符串会保留更多的第一手占用内部存储器)。而最大内部存款和储蓄器(Retained size)就是该指标依赖的别样对象所吞没的内部存款和储蓄器。你要理解那些都是法定的分解,所以即使你感到云里雾里也是常规的,官方解释断定是官腔嘛。遵照卤煮自个儿的了然是这么的:

JavaScript

function a() { var obj = [1,2,.......n]; return function() { //js成效域的来头,在此闭包运转的光景文中能够访谈到obj这些指标console.log(obj); } } //平常景况下,a函数推行完成obj占用的内部存款和储蓄器会被回收,不过这里a函数重返了二个函数表明式(见汤姆岳父的博客函数说明式和函数申明),当中obj因为js的成效域的特殊性温素留存,所以大家能够说b援引了obj。 var b = a(); //每趟实践b函数的时候都足以访谈到obj,表明内部存款和储蓄器未被回收 所以对于obj来说直接占用内部存储器[1,2,....n], 而b注重obj,所obj是b的最大内部存款和储蓄器。 b()

1
2
3
4
5
6
7
8
9
10
11
function a() {
    var obj = [1,2,.......n];
    return function() {
        //js作用域的原因,在此闭包运行的上下文中可以访问到obj这个对象
        console.log(obj);
    }
}
//正常情况下,a函数执行完毕 obj占用的内存会被回收,但是此处a函数返回了一个函数表达式(见Tom大叔的博客函数表达式和函数声明),其中obj因为js的作用域的特殊性一直存在,所以我们可以说b引用了obj。
var b = a();
//每次执行b函数的时候都可以访问到obj,说明内存未被回收 所以对于obj来说直接占用内存[1,2,....n], 而b依赖obj,所obj是b的最大内存。
b()

在dom中也设有着引用关系:大家通过代码来看下这种援用关系:

JavaScript

<html> <body> <div id="refA"> <ul> <li><a></a></li> <li><a></a></li> <li><a id="#refB"></a></li> </ul> </div> <div></div> <div></div> </body> </html> <script> var refA = document.getElementById('refA'); var refB = document.getElementById('refB');//refB援用了refA。它们之间是dom树父节点和子节点的涉嫌。 </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <body>
        <div id="refA">
            <ul>
                <li><a></a></li>
                <li><a></a></li>
                <li><a id="#refB"></a></li>
            </ul>
        </div>
        <div></div>
        <div></div>
    </body>
</html>
 
<script>
    var refA = document.getElementById('refA');
    var refB = document.getElementById('refB');//refB引用了refA。它们之间是dom树父节点和子节点的关系。
</script>

未来,难点来了,假如小编今日在dom中移除div#refA会如何呢?答案是dom内部存储器照旧留存,因为它被js引用。那么作者把refA变量置为null呢?答案是内存如故存在了。因为refB对refA存在援用,所以唯有在把refB释放,不然dom节点内部存款和储蓄器会一向存在浏览器中无法被回收掉。上航海用教室:

图片 6

故此你看来Constructor这一列中指标借使有深红背景就意味着有不小希望被JavaScript援引到可是未有被回收。以上只是卤煮个人精通,借使不投缘,请你一定要提拔卤煮好即时更新,免得误人子弟!接着上文,Objects Count这一列是哪些看头吧?Objects Count这一列的意思比较好通晓,从字面上大家就知道了其含义。正是指标实例化的数额。用代码表示正是这么的:

JavaScript

var ConstructorFunction = function() {};//构造函数 var a = new ConstructorFunction();//第三个实例 var b = new ConstructorFunction();//第4个实例 ....... var n = new ConstructorFunction();//第n个实例

1
2
3
4
5
var ConstructorFunction = function() {};//构造函数
var a = new ConstructorFunction();//第一个实例
var b = new ConstructorFunction();//第二个实例
.......
var n = new ConstructorFunction();//第n个实例

能够见见构造函数在上头有n个实例,那么对应在Objects Count那列里面就能有数字n。在这里,ConstructorFunction是我们自个儿定义的构造函数。那么那些构造函数在何地吗,聪明的您料定能够猜到就在第一列Constructor中。实际上你能够看出列表中的Constructor这一列,当中绝大许多都以系统等第的构造函数,有点也是大家协调编写的:

  global property – 全局对象(像 ‘window’)和引用它的指标之间的中级对象。假若叁个对象由构造函数Person生成并被全局对象引用,那么援引路线便是这么的:[global] > (global property > Person。那跟一般的直白援引互相的对象不等同。我们用中间对象是有品质方面包车型客车原委,全局对象退换会很频仍,非全局变量的性子访问优化对全局变量来说并不适用。
  roots – constructor中roots的内容引用它所选中的对象。它们也得以是由引擎自主要创作办的一部分援用。这一个引擎有用于引用对象的缓存,可是这几个援引不会堵住援用对象被回收,所以它们不是真正的强援用(FIXME)。
  closure – 一些函数闭包中的一组对象的援用
  arraystringnumberregexp – 一组属性援引了Array,String,Number或正则表达式的靶子类型
  compiled code – 轻易的话,全部东西都与compoled code至于。Script像二个函数,但骨子里对应了<script>的剧情。SharedFunctionInfos (SFI)是函数和compiled code之间的靶子。函数经常有内容,而SFIS未有(FIXME)。
HTMLDivElement, HTMLAnchorElement, DocumentFragment 等 – 你代码中对elements或document对象的引用。

点击展开它们查看详细项,@符号表示该对象ID。:

图片 7

二个快照能够有多少个总括,在侧面区域的右上角大家能够阅览点击下拉菜单能够获取五个个职务视图选项:

图片 8

他们分别表示:
  Summary(概要) – 通过构造函数名分类突显对象;
  Comparison(对照) – 展现多少个快速照相间对象的差距;
  Containment(调整) – 探测堆内容;
  Statistic(图形表)-用图表的法子浏览内部存款和储蓄器使用概要

Comparison是指比异常的快速照相之间的歧异,你能够率先拍叁个快照A,操作网页一段时间后拍下另外多个快照B,然后在B快速照相的右边距区域的左上角采用该选项。然后就能够看出相比较图。上边展现的是每种列,每一种的成形。在对待视图下,八个快速照相之间的两样就能议及展览现出来了。当举办四个总类目后,增删了的对象就展现出来了:

图片 9

品味一下合法示例支援你领悟相比较的遵循。

你也得以尝尝着查看Statistic接纳,它会以图纸的章程陈诉内部存款和储蓄器轮廓。

图片 10

三、Record Heap Allocations.(对象跟踪器)

好了,第一个职能也介绍完了,最终让大家来瞧瞧最终贰个职能Record Heap Allocations.那么些效应是干啥的啊。它的效果与利益是为为大家拍下一多级的快速照相(频率为50ms),为我们检查实验在启用它的时候每一个对象的生活境况。形象一点说便是只要拍戏内存快速照相的机能是水墨画那么它功能也正是摄像。当大家启用start按键的时候它便最初次拍卖照,直到停止。你会看出左侧区域上半有的有一对草绿和中黄的柱条。紫雪白的代表你监督如今内活跃过的目的,但是被回收掉了。豆灰的表示依然没有没回收。你依然能够滑动滚轮缩放时间轴。

图片 11

目的追踪器功用的裨益在于你能够三回九转不停的追踪对象,在终结时,你能够挑选某些时间段内(比方说郎窑红条没有变灰)查看里面活跃的指标。辅助你一定内存走漏难点。

四、结束 

好了,大致把Profiles讲完了。那东西对我们寻觅内部存款和储蓄器走漏来讲依然蛮有成效的。对于工具以来,重假设多用,听得多了自然能详细说出来嘛。假如您认为不恬适,小编推荐你去读书合英语档,里面有N多的事例,N多的验证,特别详尽。前提是您能跳到墙外去。当然也会有翻译文书档案(卤煮的孤本都给你了,推荐一下吧)。最后实在是要像一片文章里面写的同样“多谢发明Computer的人,让大家那几个剪刀加浆糊的学术土匪产生了复制加粘贴版的学问海盗。”上一期是ConsoleAudits。敬请关心。

2 赞 10 收藏 评论

图片 12

原稿出处: 韩子迟   

闭包拾遗

事先写了篇《闭包初窥》,谈了一部分自个儿对闭包的通俗认知,在前文基础上,补充何况更新些对于闭包的认识。

照遗闻先的十三分出色的例证,来补偿些优秀的讲授。

JavaScript

function outerFn() { var a = 0; function innerFn() { console.log(a++); } return innerFn; } var fn = outerFn(); fn(); // 0 fn(); // 1

1
2
3
4
5
6
7
8
9
10
11
function outerFn() {
  var a = 0;
  function innerFn() {
    console.log(a++);
  }
  return innerFn;
}
 
var fn = outerFn();
fn(); // 0
fn(); // 1

这里并未有在outerFn内部修改全局变量,而是从outerFn中回到了贰个对innerFn的引用。通过调用outerFn能够收获那一个援引,並且那么些引用能够能够保留在变量中。 这种就是距离函数作用域的情状下依然能够由此引用调用内部函数的实际景况,意味着一旦存在调用内部函数的大概,JavaScript就须求保留被引述的函数。并且JavaScript运转时必要跟踪援引这几个里面函数的全体变量,直到最终二个变量放任,JavaScript的污源搜集器能力释放相应的内部存款和储蓄器空间。

让我们说的更淋漓尽致一些。所谓“闭包”,就是在结构函数体钦命义别的的函数作为靶子对象的艺术函数,而那一个指标的不二秘诀函数反过来引用外层函数体中的有时变量。那使得只要指标对象在生存期内一直能维持其格局,就能够直接保持原构造函数体当时利用的权且变量值。即使最开始的构造函数调用已经竣事,偶然变量的称谓也都破灭了,但在目的对象的主意内却平昔能引用到该变量的值,并且该值只可以通这种办法来走访。即便再一次调用同样的构造函数,但只会生成新对象和章程,新的临时变量只是对应新的值,和上次这一次调用的是分别独立的。

抑或前文的事例:

JavaScript

<ul> <li>0</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script> var lis = document.getElementsByTagName('li'); for(var i = 0; i < lis.length; i++) { ~function(num) { lis[i].onclick = function() { alert(num) }; }(i) } </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>
<script>
  var lis = document.getElementsByTagName('li');
  for(var i = 0; i < lis.length; i++) {
    ~function(num) {
      lis[i].onclick = function() {
        alert(num)
      };
    }(i)
  }
</script>

为啥不加马上实施函数,alert的都会是5呢?

假使不加IIFE,当i的值为5的时候,判定规范不创设,for循环实践完毕,不过因为种种li的onclick方法这时候为当中等高校函授数,所以i被闭包引用,内部存款和储蓄器无法被销毁,i的值会一贯维持5,直到程序改换它依旧有所的onclick函数销毁(主动把函数赋为null或许页面卸载)时才会被回收。那样每趟大家点击li的时候,onclick函数会查找i的值(作用域链是援用格局),一查等于5,然后就alert给大家了。加上IIFE后便是再创办了一层闭包,函数评释放在括号内就改为了表明式,后边再加多括号正是调用了,那时候把i当参数字传送入,函数立刻试行,num保存每一遍i的值。

垃圾堆回收机制(GC)

摄取来讲说垃圾回收机制(Garbage Collecation)。

在地点的第三个例证中,变量始终保留在内部存储器中,聊起底与JavaScript的杂质回收机制有关。JavaScript垃圾回收的建制比很粗略:寻找不再接纳的变量,然后释放掉其占用的内部存款和储蓄器,可是那些进度不是实时的,因为其付出十分大,所以垃圾回收器会依据固定的时光间隔周期性的执行。不再行使的变量相当于生命周期结束的变量,当然只只怕是一对变量,全局变量的生命周期直至浏览器卸载页面才会终止。局地变量只在函数的实施进度中存在,而在那些进度中会为局地变量在栈或堆上分配相应的长空,以存储它们的值,然后在函数中应用这么些变量,直至函数甘休,而闭包中由于在那之中等学校函授数的由来,外界函数并不能够算是截至。

要么上代码表达呢:

JavaScript

function fn1() { var obj = {name: 'hanzichi', age: 10}; } function fn2() { var obj = {name:'hanzichi', age: 10}; return obj; } var a = fn1(); var b = fn2();

1
2
3
4
5
6
7
8
9
10
11
function fn1() {
  var obj = {name: 'hanzichi', age: 10};
}
 
function fn2() {
  var obj = {name:'hanzichi', age: 10};
  return obj;
}
 
var a = fn1();
var b = fn2();

大家来看代码是怎么着施行的。首先定义了七个function,分外称得上叫fn1和fn2,当fn1被调用时,走入fn1的条件,会开采一块内部存款和储蓄器贮存对象{name: ‘hanzichi’, age: 10},而当调用甘休后,出了fn1的蒙受,那么该块内部存款和储蓄器会被js引擎中的垃圾回收器自动释放;在fn2被调用的经过中,重临的目的被全局变量b所针对,所以该块内部存款和储蓄器并不会被放飞。

废品回收机制的类型

函数中的局地变量的生命周期:局地变量只在函数施行的经过中留存。而在那么些进度中,会为一些变量在栈(或堆)内存上分配相应的空中,以便存款和储蓄它们的值。然后在函数中动用这一个变量,直至函数推行完结。此时,局地变量就一贯海市蜃楼的画龙点睛了,因而能够释放它们的内部存款和储蓄器以供以往选取。在这种情状下,很轻易看清变量是或不是还应该有存在的必不可缺;但毫无全数情状下都那样轻松就会得出结论。垃圾回收器必须盯住哪个变量有用,哪个变量没用,对于不再灵光的变量打上标志,以备以往撤消其占据的内部存款和储蓄器。用于标志无用变量的方针大概会因达成而异,但现实到浏览器中的达成,则一般有两个政策。

  • 标记清除

js中最常用的废料回收措施便是符号清除。当变量踏入情状时,举例,在函数中声澳优(Ausnutria Hyproca)个变量,就将以此变量标识为“步入情形”。从逻辑上讲,永恒不能放出步入处境的变量所占用的内部存款和储蓄器,因为要是举行流进入相应的条件,就恐怕会用到它们。而当变量离开情况时,则将其标记为“离开遭受”。

垃圾堆回收器在运作的时候会给存款和储蓄在内部存储器中的全体变量都加上暗记(当然,能够应用别的标识格局)。然后,它会去掉蒙受中的变量以及被蒙受中的变量援引的变量的标记(闭包)。而在此之后再被加上暗记的变量将被视为图谋删除的变量,原因是碰着中的变量已经无法访问到那一个变量了。最后,垃圾回收器完结内部存储器清除工作,销毁那多少个带标识的值并回收它们所占领的内部存款和储蓄器空间。

到二〇〇九年截至,IE、Firefox、Opera、Chrome、Safari的js完结选用的都是标识清除的排放物回收攻略或邻近的政策,只但是垃圾收集的小时间隔互不一致样。

  • 援用计数

引用计数的意义是追踪记录每一个值被引用的次数。当证明了贰个变量并将三个援引类型值赋给该变量时,则那么些值的引用次数正是1。如若同一个值又被赋给另一个变量,则该值的引用次数加1。相反,要是带有对那几个值引用的变量又得到了其它七个值,则那么些值的援用次数减1。当这么些值的引用次数形成0时,则表明未有艺术再会见那么些值了,因而就能够将其占有的内部存款和储蓄器空间回收回来。那样,当垃圾回收器下一次再运维时,它就能够放出那些援用次数为0的值所占领的内部存款和储蓄器。

Netscape Navigator3是最先选拔援引计数战略的浏览器,但神速它就碰到二个严重的难点:循环援用。循环援引指的是目的A中饱含三个针对对象B的指针,而目的B中也包涵叁个对准对象A的引用。

JavaScript

function fn() { var a = {}; var b = {}; a.pro = b; b.pro = a; } fn();

1
2
3
4
5
6
7
8
function fn() {
  var a = {};
  var b = {};
  a.pro = b;
  b.pro = a;
}
 
fn();

如上代码a和b的引用次数都是2,fn()施行完结后,五个目标都曾经偏离蒙受,在标志清除格局下是平昔不难点的,可是在援用计数战略下,因为a和b的援用次数不为0,所以不会被垃圾回收器回收内部存储器,假诺fn函数被大量调用,就能够促成内部存款和储蓄器走漏

咱俩了然,IE中有局地对象实际不是原生js对象。比如,其DOM和BOM中的对象正是运用C++以COM对象的情势实现的,而COM对象的废料回收机制选拔的正是援用计数计谋。因而,纵然IE的js引擎选取标识清除战略来实现,但js访问的COM对象照旧是依附援引计数计策的。换句话说,只要在IE中提到COM对象,就能够设有循环援引的主题材料。

JavaScript

var element = document.getElementById("some_element"); var myObject = new Object(); myObject.e = element; element.o = myObject;

1
2
3
4
var element = document.getElementById("some_element");
var myObject = new Object();
myObject.e = element;
element.o = myObject;

那个事例在二个DOM成分(element)与二个原生js对象(myObject)之间创制了循环援用。当中,变量myObject有八个名称为element的性质指向element对象;而变量element也可以有一个属性名称叫o回指myObject。由于存在那几个轮回援用,即便例子中的DOM从页面中移除,它也永世不会被回收。

为了防止类似那样的巡回援用难题,最好是在不行使它们的时候手工业断开原生js对象与DOM成分之间的连年:

JavaScript

myObject.element = null; element.o = null;

1
2
myObject.element = null;
element.o = null;

将变量设置为null意味着切断变量与它原先援用的值时期的连天。当废品回收器后一次运行时,就能去除这几个值并回收它们占有的内部存款和储蓄器。

1 赞 5 收藏 评论

本文由澳门太阳娱乐手机登录发布于公司简介,转载请注明出处:性能进阶篇,闭包拾遗

关键词: