.
Tämä kirjoitus selittää 'console.time()'-menetelmän toiminnan ja käytön JavaScriptissä.
Mitä 'console.time()'-menetelmä tekee JavaScriptissä?
' konsoli.aika() ” -menetelmä seuraa toiminnon tai toiminnon suoritusaikaa. Se käynnistää ajastimen, joka laskee määritetyn JavaScript-operaation keston ja päätyy käyttämään ' console.timeEnd() ”menetelmä.
Syntaksi
konsoli. aika ( etiketti )
'console.time()' tukee valinnaista ' etiketti ”-argumentti, joka määrittää toiminnon nimen. Se on suositeltavaa useissa 'console.time()'-menetelmässä, jotta jokainen toiminto voidaan tunnistaa helposti.
HTML-koodi
Käy läpi seuraava HTML-koodi:
< h2 > konsoli. aika ( ) Menetelmä JavaScriptissä h2 >< s > Avaa konsoli ( F12 ) tarkistaaksesi suoritus Aika s >
Yllä olevassa koodinpätkässä:
- ' ” -tunniste luo alaotsikon, joka näyttää määritetyn lauseen.
- ' ' -tunniste määrittää kappaleen.
Huomautus: Yllä olevaa HTML-koodia noudatetaan koko artikkelin ajan.
Esimerkki 1: 'console.time()'-menetelmän käyttäminen koodin toiminnallisuuden suoritusajan analysointiin ('for' Loop)
Tässä esimerkissä ' konsoli.aika() ' -menetelmää käytetään määritetyn ' varten ' silmukka JavaScriptissä.
JavaScript-koodi
Harkitse alla olevia koodirivejä:
< käsikirjoitus >konsoli. aika ( 'silmukalle' ) ;
varten ( Tuolla on = 0 ; a < 1000 ; a ++ ) {
}
konsoli. aikaLoppu ( 'silmukalle' ) ;
käsikirjoitus >
Yllä olevassa koodilohkossa:
- Määritä ' konsoli.aika() 'menetelmä jolla on tunniste' silmukalle ' määritellyn 'for' -silmukan alussa.
- Sen jälkeen ' varten ' -silmukka alustetaan, joka toistuu 1000 kertaa.
- Lopuksi ' console.timeEnd() ' -menetelmä on määritetty, joka pysäyttää ajastimen ja näyttää 'for' -silmukan kokonaisajoajan.
Lähtö
Kuten näkyy, konsoli näyttää 'for'-silmukan kokonaissuoritusajan millisekunteina (ms).
Esimerkki 2: 'console.timeEnd()' -menetelmän käyttäminen silmukoiden suoritusaikojen vertailuun
Tämä esimerkki selittää kuinka ' konsoli.aika() ' -menetelmää voidaan käyttää useiden operaatioiden vertaamiseen eli 'silmukoiden' suoritusaikojen vertailuun.
JavaScript-koodi
Yleiskatsaus seuraavaan JavaScript-koodiin:
< käsikirjoitus >konsoli. aika ( 'First for loop' ) ;
varten ( oli sisällä = 0 ; i < 1000 ; i ++ ) {
}
konsoli. aikaLoppu ( 'First for loop' ) ;
konsoli. aika ( 'Second for loop' ) ;
varten ( Tuolla on = 0 ; a < 2000 ; a ++ ) {
}
konsoli. aikaLoppu ( 'Second for loop' ) ;
käsikirjoitus >
Yllä olevassa koodissa:
- Määritä ensin ' konsoli.aika() ' tapa käynnistää ajastin ensimmäiselle alustukselle' varten ”silmukka.
- Seuraavassa vaiheessa ensimmäinen 'for'-silmukka alustetaan.
- Liitä sen jälkeen ' console.timeEnd() ”-menetelmä pysäyttää ajastimen kokonaissuoritusajan saamiseksi.
- Seuraavaksi 'console.time()'-menetelmää käytetään uudelleen jälkimmäiselle silmukalle, ja 'console.timeEnd()'-metodi pysäyttää myös ajastimen.
Lähtö
Kuten analysoitiin, konsoli näyttää molempien alustettujen 'for'-silmukoiden kokonaisajoajan ja vertaa niitä siten.
Johtopäätös
JavaScript tarjoaa sisäänrakennetun ' konsoli.aika() ” -menetelmä, joka käynnistää ajastimen ja laskee määritellyn kooditoiminnon keston. Se auttaa vertailemaan toimintojen suoritusaikaa ja testaustarkoituksiin. Kun ajastin käynnistyy, se pysähtyy 'console.timeEnd()'-menetelmän avulla.
Tässä oppaassa kuvattiin 'console.time()'-menetelmän toiminta ja käyttö JavaScriptissä.