console.log()的作用是什么

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

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

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

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

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

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

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

實現(xiàn)

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

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

第一種

步驟如下：

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

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

參考注釋1：

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

第二種全局變量

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

例如如下：

總結(jié)

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

最新評論