console.log()的作用與實現(xiàn)方式
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.進(jìn)入設(shè)置頁面：文件>首選項>用戶代碼片段>選擇設(shè)置的語言（JavaScript.json）。
2.系統(tǒng)默認(rèn)給我們提供了console.log的代碼格式例子，我們只要去掉注釋就可以使用了，當(dāng)然你也可以把注釋內(nèi)容刪除(注釋的內(nèi)容是snippet 的格式說明，下文有解釋)。
參考注釋1：
- prefix :這個參數(shù)是使用代碼段的快捷入口,比如這里的log在使用時輸入log會有智能感知.
- body :這個是代碼段的主體.需要設(shè)置的代碼放在這里,字符串間換行的話使用 \r\n換行符隔開.注意如果值里包含特殊字符需要進(jìn)行轉(zhuǎn)義.
- $1 :這個為光標(biāo)的所在位置.
- $2 :使用這個參數(shù)后會光標(biāo)的下一位置將會另起一行,按tab鍵可進(jìn)行快速切換
- description :代碼段描述,在使用智能感知時的描述
第二種全局變量
1.進(jìn)入設(shè)置頁面：文件>首選項>用戶代碼片段>新建全局變量
例如如下：
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
TypeScript中Boolean和boolean的用法及區(qū)別
本文詳細(xì)解釋了TypeScript中Boolean和boolean的區(qū)別,從類型本質(zhì)、使用場景、真值判斷、性能考量等方面進(jìn)行對比,boolean為基本類型,適用于常規(guī)布爾邏輯,而Boolean為構(gòu)造函數(shù),適用于將布爾值作為對象處理的場景,了解這些差異有助于編寫更精確高效的TypeScript代碼2026-04-04
這篇文章主要為大家介紹了JS前端攻堅Eventbus實現(xiàn)更新示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
require導(dǎo)入module.exports 或 exports導(dǎo)出的使用方法
module.exports用于導(dǎo)出整個模塊的內(nèi)容,可以通過賦值給 module.exports 導(dǎo)出一個對象、函數(shù)或值,導(dǎo)出的內(nèi)容可以被其他模塊通過require 導(dǎo)入,本文給大家介紹require導(dǎo)入module.exports 或 exports導(dǎo)出的使用,感興趣的朋友一起看看吧2023-11-11
JavaScript中forEach遍歷數(shù)組舉例詳解
許多小伙伴對forEach語句應(yīng)該再熟悉不過了,無論是前端遍歷渲染還是js中的邏輯處理,這篇文章主要介紹了JavaScript中forEach方法的使用方式、優(yōu)缺點以及實際應(yīng)用場景,幫助開發(fā)者更好地掌握這一常見的數(shù)組遍歷技術(shù),需要的朋友可以參考下2025-03-03
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)右鍵彈出自定義菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了js閉包的相關(guān)知識，閉包是Javascript的一個難點，但也是一個很重要的知識點,需要的朋友可以參考下2015-04-04
javascript十六進(jìn)制及二進(jìn)制轉(zhuǎn)化的方法
這篇文章主要介紹了javascript十六進(jìn)制及二進(jìn)制轉(zhuǎn)化的方法,涉及javascript中toString方法的使用技巧,需要的朋友可以參考下2015-05-05
split()方法將一個字符串對象的每個字符拆出來，并且將每個字符串當(dāng)成數(shù)組的每個元素 reverse()方法用來改變數(shù)組，將數(shù)組中的元素倒個序排列，第一個數(shù)組元素成為最后一個，最后一個變成第一個 join()方法將數(shù)組中的所有元素邊接成一個字符串2016-04-04
這篇文章主要介紹了詳解uniapp的全局變量實現(xiàn)方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了小白談?wù)剬S原型鏈的理解的相關(guān)資料,需要的朋友可以參考下2016-05-05