JavaScript练习区
免费在线JavaScript练习区,可在浏览器中运行代码
什麼是 JS Playground
JS Playground 是一個基於瀏覽器的 JavaScript 程式碼編輯器,讓你可以直接在瀏覽器中編寫和執行 JavaScript。它會擷取主控台輸出(log、warn、error、info),顯示執行錯誤,並測量執行時間。非常適合快速實驗、演算法原型設計、學習 JavaScript 以及在不需要建置開發環境的情況下測試程式碼片段。
如何使用
在程式碼編輯區域輸入或貼上你的 JavaScript 程式碼。點擊執行按鈕執行程式碼。下方的主控台輸出面板會顯示所有 console.log、console.warn、console.error 和 console.info 的訊息。如果發生錯誤,會在紅色錯誤面板中顯示。每次執行後,執行按鈕旁邊會顯示執行時間(毫秒)。
支援的 JavaScript 特性
該 Playground 支援現代 JavaScript(ES6+),包括箭頭函式、模板字面量、解構賦值、類別、async/await、Promise、展開/剩餘運算子、Map/Set、Symbol 等。你還可以使用標準瀏覽器 API,如 JSON、Math、Date、Array 方法、String 方法和正規表示式。
使用主控台輸出
該 Playground 攔截四個主控台方法:console.log(標準輸出,預設顏色顯示)、console.warn(警告,黃色顯示)、console.error(錯誤,紅色顯示)和 console.info(資訊訊息,藍色顯示)。物件和陣列會自動使用 JSON.stringify 格式化以便閱讀。在程式碼中使用 try/catch 區塊可以優雅地處理執行時期錯誤。
程式碼測試技巧
使用 Playground 快速驗證演算法、測試正規表示式、解析 JSON 資料或在將函式整合到專案中之前進行原型設計。你可以串聯多個 console.log 陳述式逐步追蹤變數值。利用內建的執行計時器比較不同方法的效能。使用 try/catch 安全地測試容易出錯的程式碼。
▶支援哪些 JavaScript 特性?
▶程式碼執行安全嗎?
▶可以使用外部函式庫嗎?
▶如何分享程式碼?
▶可以儲存我的工作嗎?
▶在行動裝置上可以使用嗎?
▶有效能限制嗎?
如果这个工具对你有帮助,请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。