前言

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)長安免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

雖然網(wǎng)上已經(jīng)有多的數(shù)不清的調(diào)試教程了，但仍然沒有發(fā)現(xiàn)哪篇文章寫的通俗易懂，索性自己嘗試寫寫自己的一些使用習(xí)慣或者說是心得，希望對那些還不是很懂得使用斷點調(diào)試的孩子有一些幫助

本文將給大家詳細(xì)介紹關(guān)于JavaScript指定斷點操作的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧

什么是斷點操作（Breakpoint action）

做前端開發(fā)的小伙伴，或許對這個斷點操作不是很熟悉。不過你要是問其他語言（比如C，C++ ，C #等）的開發(fā)者，他們應(yīng)該都挺熟悉斷點操作，這種斷點操作在諸如XCode或者Visual Studio的IDE中都會有提供。

以下一段話來自知乎

斷點操作 （Action） 的意義是設(shè)置追蹤點 （Tracepoint）。追蹤點相當(dāng)于是一種臨時的有 Trace 功能的斷點，它會把消息 打印到 Output 窗口。

Breakpoint Action

勾選后面的繼續(xù)執(zhí)行 （Continue Execution），代表 Tracepoint 命中時，Debugger 不會停下來，否則將會在此處停下來。兩種情況下，消息都會打印出來。

JavaScript說：我需要斷點操作

試想一個這樣的場景，我希望程序在運行的時候，可以觀察某一行上某個變量或者表達(dá)式的值。你一定會說，這不是很簡單嘛：

• 在指定的位置放置debugger語句，或這個在此處打一個斷點，然后使用console或者變量監(jiān)聽來觀察變量的值。
• 動態(tài)插入console.log代碼。

看起來，第二種方式是更好的一種方式。動態(tài)插入代碼當(dāng)然可以使用chrome的live edit功能。當(dāng)時我們希望有一個不直接修改代碼的方式。此時你或許會想，那就設(shè)置一個斷點操作吧。

JavaScript如何設(shè)置斷點操作

前端的童鞋們一定知道，JavaScript的調(diào)試大部分都是在瀏覽器里面操作的，而這個瀏覽器，大部分時候是Chrome。因為Chrome的調(diào)試功能強大而方便。（相信你不會反對吧）。
然而讓大家失望的是，chrome根本就沒有設(shè)置斷點操作的功能啊，自然其他瀏覽器也沒有。相信你此時的心情是這樣的：

沒T你說個XX。

看官們不要著急，且聽我們慢慢道來。在Chrome斷點調(diào)試的時候，可以使用條件斷點，所謂條件斷點，指定一個條件，在符合這個條件的時候。執(zhí)行會停止在斷點處，否則執(zhí)行直接往下執(zhí)行。如下圖,在Line Number的地方點擊右鍵，選中 Add conditionnal breakpoint

條件斷點

然后，輸入條件，比如params.value == 'value'這樣的條件表達(dá)式，如下圖：

有關(guān)條件斷點說明，如果你仍然不是很熟悉的話，可以自己多參考相關(guān)資料。

但是，這個斷點操作有什么關(guān)系呢？要知道，JavaScript是一門動態(tài)語言。條件判斷其實是可以輸入任何代碼片段的。比如下面的代碼：

if(express)

分享名稱：JavaScript指定斷點操作實例教程-創(chuàng)新互聯(lián)
本文來源：http://jinyejixie.com/article36/dijhsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、建站公司、網(wǎng)站內(nèi)鏈、微信小程序、域名注冊、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)