JavaScript-leikkikenttä

Selaimen sisäinen leikepöytä JavaScript-katkelman suorittamiseen ja konsolitulosten tarkasteluun. Koodisi käännetään `new Function(code)` -funktiolla ja suoritetaan synkronisesti; console.log, console.warn, console.error ja console.info ovat väliaikaisesti sieppautuneita, jolloin niiden argumentit kaapataan, muotoillaan (objektit JSON-merkkijonoina), ja renderöityään väreillä tason mukaan. Työkalu myös ilmoittaa suoritusajan millisekunteina ja näyttää heitetyn virheen punaisessa bannerissa.

1. Korvaa oletusteksti `// Write your JavaScript code here` koodisyöttöalueessa omalla katkelmallasi. 2. Napsauta Suorita. Suoritusaika näkyy painikkeen vieressä muodossa `Executed in X.XX ms`. 3. Tarkastele Konsolituloste-korttia: jokainen kaapattu kutsu näkyy omalla rivillään, väritetty — log (etualalla), warn (keltainen), error (punainen), info (sininen). Objektit ovatretty-print 2-välin JSON-muodossa. 4. Jos katkelma heittää, poikkeusviesti näkyy punaisessa virhebannerissa Konsolituloste-kortin yläpuolella eikä konsolituloste näy kyseiselle suoritukselle.

Tärkeitä toimintoja, jotka on hyvä tietää ennen kuin luotat tuloksiin: - Koodi suoritetaan `new Function(code)()` -funktiolla sivun todellisessa globaalissa laajuudessa — se EI ole kovettunut eristetty tila. Työkalu itse varoittaa tästä keltaisella Tietoturvavaraus-bannerilla. Älä liitä epäluotettua koodia. - Neljä konsolimetodia korvataan suorituksen ajaksi ja palautetaan `finally`-lohkossa, joten kaappaus on rajattu vain katkelmaasi. - Argumenttien muotoilu: `null` renderöityy kirjaimellisena "null", `undefined` merkkijonona "undefined", objektit `JSON.stringify(arg, null, 2)` -funktion kautta (langaten `String(arg)` -funktion, jos stringify heittää, esim. syklisille rakenteille), ja primitiivit `String(arg)` -funktion kautta. Useita argumentteja per kutsu yhdistetään yhdellä välilyönnillä. - Moduuli/await-tukea ei ole — asynkroninen koodi ei estä ajoitusta, ja ESM `import` -lauseet heittävät virheen.