console.log()简写小技巧

2021-01-25 11:31:51 15 收藏
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjw0021/article/details/113106531
版权

工作中使用console.log()调试程序可能会很麻烦，需要一遍又一遍地写这个方法。可以通过对象的解构函数来简写它。

嘿嘿  但是发现习惯性依旧会敲个congsole.log()

 

已标记关键词 清除标记
chrome调试 console.log 技巧
changpnazzp的专栏
08-07 370
相信从事前端开发的您，一定不会陌生这款和firebug同样强大的Chrome dev tools，它让所有的代码调试都变得如此可爱。   1. 3D Text: console.log('%c小傻逼,~mua~mua~~', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f2...
表情包
插入表情
还能输入1000个字符
相关推荐
console.log 简写
weixin_30652491的博客
08-03 95
console.log 简写 平常代码调试总会用到console.log，但是每次写这么长也是很麻烦，就想着存一个简介一点的变量； 然后就随手写了下面代码； var a = 10; var log = console.log; log(a); 调用的时候发现火狐浏览器报错了，仔细一看，要被自己蠢哭了， log(a)，执行的时候函数内部的this变成了window...
console.log()方法的使用
16个夏天。。。
12-10 1624
//变量 var i = 'I am a string'; console.log('变量：',i); //数组 var arr = [1,2,3,4,5]; console.log('数组：',arr); //对象 var obj1 = { key1 : 'value1', key2 : 'value2', key3 : 'value3' }; var obj2
JavaScript调试技巧之console.log()详解
woshinannan的专栏
04-15 5182
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑 一、什么是console.log()？ 除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；
VScode使用--代码段设置console.log以及调整代码段提示的显示位置
郭召的博客
05-09 2万+
visual studio code——使用代码段设置console.log以及代码段显示位置调整 不同于WebStorm系统内定制了方法，输入’.log’可以非常方便的实现功能。 在VSCode只能退而求其次设置代码段实现类似的效果了。步骤如下：进入设置页面：文件>首选项>用户代码片段>选择设置的语言。 去掉注释就可以了，当然你也可以把其他多余的删除(注释的内容是snippet 的格式，
JavaScript常用操作，常用类
weixin_30314793的博客
12-20 42
算术运算符 重点关注 算数，赋值，逻辑运算符，三目运算符 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>运算符</title> </head> <body> 运算符 </body> <s...
JavaScript 编程精解 中文第三版 四、数据结构：对象和数组
龙哥盟
05-01 9141
四、数据结构：对象和数组 原文：Data Structures: Objects and Arrays 译者：飞龙 协议：CC BY-NC-SA 4.0 自豪地采用谷歌翻译 部分参考了《JavaScript 编程精解（第 2 版）》 On two occasions I have been asked, ‘Pray, Mr. Babbage...
Vue系列：Vue.js开发小技巧和小窍门
Mr_chen的博客
04-22 193
????摘要 今天分享下 —— Vue系列：Vue.js开发小技巧和小窍门 的一些基本知识，欢迎关注！ 我真的很喜欢使用 Vue.js，每次使用框架时，我都会喜欢深入研究其功能和特性。通过这篇文章，我向你介绍了十个很酷的提示和技巧，你可能尚未意识到这些技巧和窍门，以帮助你成为更好的 Vue 开发人员。 ????分享 ????更漂亮的插槽语法 随着 Vue 2.6 的推出，已经引入了插槽的简写方式，可...
es6 依赖循环_JavaScript编码简化（ES6）；
weixin_32564229的博客
12-25 18
19个JavaScript编码小技巧​mp.weixin.qq.com三元操作符如果使用if...else语句，那么这是一个很好节省代码的方式。普通写法:const x = 20; let big; if (x > 10) { big = true; } else { big = false; } 速写:const big = x > 10 ? true : fals...
0202年了, Chrome DevTools 你还只会console.log吗 ?
奇舞周刊
02-08 538
前言Chrome 开发者工具（简称 DevTools）是一套 Web 开发调试工具,内嵌于 Google Chrome 浏览器中。DevTools 使开发者更加深入的了解浏览器内部以及他...
ES6解构简写console.log
simple5960的博客
10-11 83
var {log}=console log(111) 效果如下
梳理一下JS的基本语法
weixin_30471561的博客
10-14 31
web三层结构来说 结构层：HTML 从语义角度，描述页面结构 样式层：CSS 从审美的角度，美化页面 行为层：JavaScript 从交互的角度，提升用户体验 js:用来制作web页面的交互效果，提升用户体验 语法概述 一、JS引入3种的方式： 1.内嵌引入，但不建议 ...
JavaScript 编程精解 中文第三版 二、程序结构
龙哥盟
04-30 8881
二、程序结构 原文：Program Structure 译者：飞龙 协议：CC BY-NC-SA 4.0 自豪地采用谷歌翻译 部分参考了《JavaScript 编程精解（第 2 版）》 And my heart glows bright red under my filmy, translucent skin and they have t...
后端语言-Coffeescript
码园老农的专栏
07-31 5934
[第2师] 为什么选择Coffeecript Javacript是WEB世界的通用语言，但其各种缺点也让人头疼，包括设计缺陷，糟糕的语法，各种浏览器的不兼容解释......用作主力编程语言让人不太放心。所以，更多地是作为前端语言（特别是通过jQuery）和HTML一起工作，发挥其各种库的优势。 Coffeescript是对Javascript的改良，优点是： （1）优雅简洁的语法（pyth
12个非常实用的JavaScript小技巧
X-rapido的专栏
07-23 457
使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、” “、undefined或者NaN都将返回的是false，反之返回的是true。比如下面的示例：function Account(cash) {
JavaScript系列：JavaScript小技巧
Mr_chen的博客
04-28 206
????摘要 今天分享下 —— JavaScript小技巧 的一些基本知识，欢迎关注！ ????分享 ????1.过滤唯一值 Set 对象类型是在 ES6 中引入的，配合展开操作…一起，我们可以使用它来创建一个新数组，该数组只有唯一的值。 const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console...
JS 开发日常的小技巧
Hassan的小博客!
07-08 660
文章目录类型强制转换String强制转换为NumberObject强制转化为String用Boolean过滤数组中的所有假值双位运算符 `~~`短路运算符 `&&` / `||`取整 `| 0`判断奇偶数 `& 1`函数函数默认值强制参数 类型强制转换 String强制转换为Number 可以用 *1 来转化为数字（实际上是调用 .valueOf方法） 然后使用 Numbe...
Linux常用命令全集
外外的专栏
06-27 2024
Table Of Contents 1. Linux常用命令全集.CHM 9 1.1 备份压缩 9 1.1.1 ar 9 1.1.2 bunzip2 11 1.1.3 bzip2 12 1.1.4 bzip2recover 13 1.1.5 compress 14 1.1.6 cpio 15 1.1.7 dump 18 1.1.8 gunzip 20 1.1.9 gzexe
浏览器模型
xianjs的博客
03-14 459
浏览器模型一.浏览器模型概述代码嵌入网页的方法script 元素嵌入代码defer 属性async 属性脚本的动态加载window.self，window.windowwindow.frames，window.lengthwindow.frameElementwindow.top，window.parentwindow.statuswindow.devicePixelRatio位置大小属性组件属性...
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页