files/zh-cn/web/api/console/count/index.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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

---
title: Console.count()
slug: Web/API/Console/count
translation_of: Web/API/Console/count
---
<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>

<p>输出 count() 被调用的次数。此函数接受一个可选参数 <code>label。</code></p>

<p>{{AvailableInWorkers}}</p>

<p>如果有 <code>label</code>，此函数输出为那个指定的 <code>label 和</code> count() 被调用的次数。</p>

<p>如果 <code>label </code>被忽略，此函数输出 count() 在其所处位置上被调用的次数。</p>

<p>例如，下面的代码:</p>

<pre class="brush: js">var user = "";

function greet() {
  console.count();
  return "hi " + user;
}

user = "bob";
greet();
user = "alice";
greet();
greet();
console.count();</pre>

<p>Console 的输出如下:</p>

<pre class="eval">"&lt;no label&gt;: 1"
"&lt;no label&gt;: 2"
"&lt;no label&gt;: 3"
"&lt;no label&gt;: 1"
</pre>

<p>注意最后一行的日志输出：在 11 行对 count() 的单独调用是被当作一个独立事件来处理的。</p>

<p>如果把变量 <code>user </code>当作<code> label 参数传给前面调用的 count()，把字符串 "alice" 传给后面调用的 count()：</code></p>

<pre class="brush: js">var user = "";

function greet() {
  console.count(user);
  return "hi " + user;
}

user = "bob";
greet();
user = "alice";
greet();
greet();
console.count("alice");</pre>

<p>可以看到输出如下:</p>

<pre class="eval">"bob: 1"
"alice: 1"
"alice: 2"
"alice: 3"</pre>

<p>现在可以基于不同的 <code>label</code> 值维护不同的数值。由于 11 行的 <code>label 匹配了两次 user 的值，因此它不会被当作独立的事件。</code></p>

<h2 id="语法">语法</h2>

<pre class="syntaxbox">console.count([label]);
</pre>

<h2 id="参数">参数</h2>

<dl>
 <dt><code>label</code></dt>
</dl>

<p>    字符串，如果有，count() 输出此给定的 <code>label 及其</code>被调用的次数。</p>

<p><strong style="color: #4d4e53; font-size: 2.143rem; font-weight: 700; letter-spacing: -1px;">规范</strong></p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("Console API", "#consolecountlabel", "console.count()")}}</td>
   <td>{{Spec2("Console API")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("30.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td>Available in workers</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("38.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("30.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td>Available in workers</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("38.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>