@@ -39,28 +39,28 @@ const getData = (url) => fetch(url, {
39
39
40
40
// example of keeping track of context between async operations
41
41
const prepareClickEvent = ( ) => {
42
- const url1 = 'https://httpbin.org/get' ;
42
+ const url = 'https://httpbin.org/get' ;
43
43
44
44
const element = document . getElementById ( 'button1' ) ;
45
45
46
46
const onClick = ( ) => {
47
- const span1 = webTracerWithZone . startSpan ( `files-series-info` , {
47
+ const singleSpan = webTracerWithZone . startSpan ( `files-series-info` , {
48
48
parent : webTracerWithZone . getCurrentSpan ( ) ,
49
49
} ) ;
50
- webTracerWithZone . withSpan ( span1 , ( ) => {
51
- getData ( url1 ) . then ( ( _data ) => {
52
- webTracerWithZone . getCurrentSpan ( ) . addEvent ( 'fetching-span1 -completed' ) ;
53
- span1 . end ( ) ;
50
+ webTracerWithZone . withSpan ( singleSpan , ( ) => {
51
+ getData ( url ) . then ( ( _data ) => {
52
+ webTracerWithZone . getCurrentSpan ( ) . addEvent ( 'fetching-single-span -completed' ) ;
53
+ singleSpan . end ( ) ;
54
54
} ) ;
55
55
} ) ;
56
56
for ( let i = 0 , j = 5 ; i < j ; i += 1 ) {
57
- const span1 = webTracerWithZone . startSpan ( `files-series-info-${ i } ` , {
57
+ const span = webTracerWithZone . startSpan ( `files-series-info-${ i } ` , {
58
58
parent : webTracerWithZone . getCurrentSpan ( ) ,
59
59
} ) ;
60
- webTracerWithZone . withSpan ( span1 , ( ) => {
61
- getData ( url1 ) . then ( ( _data ) => {
62
- webTracerWithZone . getCurrentSpan ( ) . addEvent ( ' fetching-span1- completed' ) ;
63
- span1 . end ( ) ;
60
+ webTracerWithZone . withSpan ( span , ( ) => {
61
+ getData ( url ) . then ( ( _data ) => {
62
+ webTracerWithZone . getCurrentSpan ( ) . addEvent ( ` fetching-span- ${ i } - completed` ) ;
63
+ span . end ( ) ;
64
64
} ) ;
65
65
} ) ;
66
66
}
0 commit comments