iT邦幫忙

1

vue3中要如何測試javascript的code

  • 分享至 

  • xImage

大家好,
我想請問,在修改階段時,想測試bb的值是否正確時,
能否像laraveldd一樣,可以將bb以下的code終止掉?

不過因為下方還在修改的code裡,有註解。
再用註解的話,怕會混淆。
而且code又很長,裏頭又含有/* */的話,要註解也很麻煩。

<script setup>
const aa = computed(()=>...)
const bb = computed(()=>...)

return console.log(bb.value) //試著用return 但會錯誤

//以下是還在修改的code
const cc = computed(()=>bb.value)
onMounted(()=>{
    //註解1
    ...
    //註解2
    
    /*
        註解掉的code
    */
})
</script>

所以想請問一下,有除了註解掉以外的方法嗎?

看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2023-02-03 10:54:07 檢舉
vue 有專門的dev tool,你要看變數結果去那看就好。
chrome:
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
firefox:
https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

另外return哪有這樣用的,你沒包在function裡...
console.log也沒傳回值,那是直接顯示在console上的。
greenriver iT邦研究生 5 級 ‧ 2023-02-03 11:13:55 檢舉
謝謝~

我是死馬當活馬醫 隨便亂試看看XD
pblaten iT邦新手 3 級 ‧ 2023-02-03 11:20:21 檢舉
或是你可以試試看debugger,
可以更專注在你下debugger的點去除錯跟測試。
greenriver iT邦研究生 5 級 ‧ 2023-02-03 16:39:27 檢舉
都忘記debugger了!!謝謝
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2023-02-03 12:47:13
最佳解答

首先,從你的程式碼來看。
你的基本觀念還很差。

一般來說,正常JAVASCRIPT要調用檢查參考。
比較常用的是 console.log 沒錯。

如果是使用VUE框架的話。
一般我會用兩種方式。

第一種是直接 {} 輸出到頁面上來查看。

另一種就是直接看 devtools (需要安裝瀏覽器外掛,這很好找)

倒是很少使用 console.log 就是了。

不過如 froce 點的那樣。你的寫作問題還真不少。這現在無法一一的教學就是了。

greenriver iT邦研究生 5 級 ‧ 2023-02-03 16:41:25 檢舉

謝謝幫忙
/images/emoticon/emoticon41.gif

我要發表回答

立即登入回答