console.log()的作用是什么

主要是方便你調(diào)式j(luò)avascript用的。

你可以看到你在頁(yè)面中輸出的內(nèi)容。

相比alert他的優(yōu)點(diǎn)是：

1.他能看到結(jié)構(gòu)話的東西，如果是alert，淡出一個(gè)對(duì)象就是[object object],但是console能看到對(duì)象的內(nèi)容。

2.console不會(huì)打斷你頁(yè)面的操作，如果用alert彈出來(lái)內(nèi)容，那么頁(yè)面就死了，但是console輸出內(nèi)容后你頁(yè)面還可以正常操作。

3.console里面的內(nèi)容非常豐富，你可以在控制臺(tái)輸入：console，然后就可看到：

Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

實(shí)現(xiàn)

不同于WebStorm系統(tǒng)內(nèi)定制了方法，輸入’.log’可以非常方便的實(shí)現(xiàn)功能。

在VSCode只能退而求其次設(shè)置代碼段實(shí)現(xiàn)類似的效果了。

第一種

步驟如下：

1.進(jìn)入設(shè)置頁(yè)面：文件>首選項(xiàng)>用戶代碼片段>選擇設(shè)置的語(yǔ)言（JavaScript.json）。

2.系統(tǒng)默認(rèn)給我們提供了console.log的代碼格式例子，我們只要去掉注釋就可以使用了，當(dāng)然你也可以把注釋內(nèi)容刪除(注釋的內(nèi)容是snippet 的格式說(shuō)明，下文有解釋)。

參考注釋1：

• prefix :這個(gè)參數(shù)是使用代碼段的快捷入口,比如這里的log在使用時(shí)輸入log會(huì)有智能感知.
• body :這個(gè)是代碼段的主體.需要設(shè)置的代碼放在這里,字符串間換行的話使用 \r\n換行符隔開.注意如果值里包含特殊字符需要進(jìn)行轉(zhuǎn)義.
• $1 :這個(gè)為光標(biāo)的所在位置.
• $2 :使用這個(gè)參數(shù)后會(huì)光標(biāo)的下一位置將會(huì)另起一行,按tab鍵可進(jìn)行快速切換
• description :代碼段描述,在使用智能感知時(shí)的描述

第二種全局變量

1.進(jìn)入設(shè)置頁(yè)面：文件>首選項(xiàng)>用戶代碼片段>新建全局變量

例如如下：

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論