console.log妙用

最新推荐文章于 2023-10-07 13:44:34 发布
最新推荐文章于 2023-10-07 13:44:34 发布
阅读量268 收藏
点赞数
分类专栏： ICY___的前端入门 问答--问题解答
原文链接：http://www.alloyteam.com/2013/11/console-log/
版权

今天看到了一些console.log的用法现在分享给大家：方法来自http://www.alloyteam.com/2013/11/console-log/

转载自AlloyTeam：http://www.alloyteam.com/2013/11/console-log/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // console.log() 的一些使用方法
        // 1.区分变量
        let a=1,b=2;
        console.log(a,b);// 1 2 
        console.log({a},{b});// {a: 1} {b: 2}
        // 2.输出样式：  
        // 写在前面  %d 数字  %s 字符串  %o 对象
        let value='hello world';
        console.log( '%c12312', 'font-size: 20px; color : yellow');
        console.log('%c1%c2%c3','color:red','color:blue','color:green');//样式和%c后面的数值一一对应
        console.log('%d * %d =',2,2,4);//有点类似于像是匹配模板
    </script>
</body>
</html>

输出结果：

ICY___
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vueconsole通过consolelog来学习Vue各个过程的变化
08-10
vue-console 通过console.log结合vue的源代码,通过一个简单的例子,观察Vue各个过程的变化
javascript中使用console与alert调试的差别
笑一阁
05-29 1413
主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 相比alert他的优点是： 他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
console对象的更多妙用
weixin_45638974的博客
06-08 223
文章目录console对象的更多妙用console.log()console.dir()console.table() console对象的更多妙用 console对象是我们平时在调试我们的代码的时候常用的一种调试方式在控制台上输出我们希望知道的玩意儿，这里肯定有你不知道的console，我们来看看console除了我们平时最常用的console.log之外还有哪些妙用吧 console.log() 首先使我们最熟悉的console.log(), 除了最基本的输出变量你可能不知道他还能像c和c++那样通过占
Console控制台输出妙用
hollebug的博客
07-09 793
JS中只会使用console.log()？你out了 妙用一 除了最常用的console.log（）消息在浏览器中显示消息外，还有许多其他方法可以使调试过程变得更加容易。让我们通过示例逐一查看它们。 基本打印信息console.log（）| info（）| debug（）| warn（）| error（） 控制台日志/信息/调试/警告/错误. 妙用二 记录函数调用次数 console.count（） 此函数记录此特定调用count()已被调用的次数。该函数带有一个可选参数label。 如果label提供
console.log(a,b)
weixin_42929948的博客
04-13 983
标志打印两数值，中间用逗号隔开
Javascript中关于Array.filter()的妙用详解
10-20
console.log(filteredArr); // 输出：[4, 5] ``` 在这个例子中，`filter()` 会创建一个新的数组，其中只包含原数组中大于3的元素。 ### 多个参数 测试函数可以接受三个参数： 1. `element`：当前处理的元素。 2....
node.连接mongodb实现增删改查.zip
05-09
console.log("Connected to MongoDB"); const db = client.db("yourDatabaseName"); // 在此处进行数据库操作 client.close(); }); ``` 请将`<username>`和`<password>`替换为实际的MongoDB账户信息，并将`...
js中setTimeout的妙用–防止循环超时
12-12
console.log("important process"); console.log("finish!"); } // 使用setTimeout分块处理数组 function tcCircleUseSetTimeout() { var arr = new Array(100); setTimeout(function () { var ele = arr....
妙用缓存调用链实现JS方法的重载
12-11
console.log('No parameters'); break; case 1: console.log('One parameter'); break; case 2: console.log('Two parameters'); break; } } }; ``` 然而，这样的实现方式存在一些问题，比如当有多个重载...
switch语句的妙用(必看篇)
11-23
console.log(a); break; case 2: case 3: console.log(a); break; default: break; } 这里a和case列表中从上而下逐一做比较，如果匹配就执行case中的代码，若有break则跳出，无break则继续往下匹配，直到新...
从console.log说起(console.log详细介绍)
10-19
console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面,这篇文章就为大家介绍一下
用console.log分析Vue源码
weixin_34268610的博客
12-17 399
前言 本文通过console.log的一些特性,结合vue.js的源码,通过一个简单的例子,让你了解Vue的各个过程的变化. 控制台输出的效果图 请用chrome查看,并打开控制台看效果 演示地址 准备 vue-console.html的创建 下载vue.js文件,在vue-console.html中引入,我写了一个简单的例子,涵盖:初始化视图-&gt;点击后更新视图(包括各个钩子函数) ...
console.log()的作用与实现
热门推荐
weixin_45627194的博客
11-02 4万+
console.log()的作用是什么 主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 相比alert他的优点是： 1，他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 ,2，console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 3，console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到： Cons
console.log(res)；是干什么的？底层原理是什么？
长风破浪会有时的博客
07-05 804
非常有用，它可以帮助开发者调试代码和输出变量的值，以便在开发过程中进行错误排查和验证。可以打印各种类型的数据，包括字符串、数字、对象、数组等。的参数转换为字符串，并将结果输出到控制台。在浏览器环境下，输出通常会显示在开发者工具的控制台面板中。是JavaScript中用于在控制台打印输出信息的方法。语句解析为一条打印输出指令。当执行到这条语句时，它会将传递给。底层原理是，JavaScript解释器会将。，并将其打印到控制台。
你所不知道的console.log()（console.log详解）
Jermyo的博客
11-07 3万+
console.log，作为一个前端开发者，想必每天都会用它来做分析调试，但这个简单函数背后你所不知道的一面，很多人未必使用过，有一些也是很方便使用的 基础 首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。 console.log('123'); // 123 ...
实现console.log(a)(b),输出结果为a+b的值
会飞的IT
08-12 4923
Nodejs中实现方式：var _log = console.log.bind(console); console.log = function(a){ return function(b){ _log(a+b) } }前台页面中的实现方式：var _log = window.console.log.bind(console); window.console.log = function(a){ r
Vue框架指令以及它的console用法
weixin_45583311的博客
10-10 6162
vue的几种指令 （1）v-bind属性指令 v-bind动态属性：常用于动态绑定HTML元素的属性，例如id、class、href、src等属性。改变任一方数据后都会实时更新。 语法格式1：单个语法格式 v-bind:attributeName=variable 语法格式2：对象语法格式 v-bind=“{attributeName1:variable1,attributeName2:varia...
Vue中...（扩展运算符）的作用
最新发布
nalanxiaoxiao2011的博客
10-07 2647
vue 扩展运算符 ... 特殊运算符
console.log() 的一些妙用
weixin_30675967的博客
03-16 636
以前在浏览网页的时候，打开F12，会在人家的网站看到一些有趣的东西，当时自己不知道什么原因，后来接触到了console.log()，才恍然大悟，先说下百度的效果（打开百度的搜索页面，按下F12，打开console,就可以看到了）， 这里可以看到这些东西是百度特意呈现到我们面前的，分析它的源码，可以看到使用了三个console.log()，第一个console.log()的代码内容有些长，中间...
let aa = []:let ba ="o". console.log(aa == 0): console.log(aa == !aa); console.log(ba == 0); console.log(aa == ba); console.log(null == 0): console.log(null <= 0): console.log(null < 0); 输出返回的结果是？
06-10
这段代码存在语法错误，应该是下面这样： ```javascript let aa = []; let ba = "0"; console.log(aa == 0); // 输出 true console.log(aa == !aa); // 输出 true，因为 !aa 的结果是 true，而 [] 转换为布尔值为 true，所以两边都是 true，使用了双等号进行比较，类型转换后结果为 true console.log(ba == 0); // 输出 false，因为 "0" 转换为数字后是 0，而使用双等号进行比较时会进行类型转换，所以结果为 false console.log(aa == ba); // 输出 false，因为一个是数组，一个是字符串，类型不同，使用双等号进行比较时会进行类型转换，所以结果为 false console.log(null == 0); // 输出 false，因为 null 只与 undefined 相等，不与其他任何值相等，使用双等号进行比较时不会进行类型转换，所以结果为 false console.log(null <= 0); // 输出 true，因为 null 转换为数字时为 0，使用小于等于号进行比较时会进行类型转换，所以结果为 true console.log(null < 0); // 输出 false，因为 null 转换为数字时为 0，使用小于号进行比较时会进行类型转换，所以结果为 false ``` 在这里，我们定义了一个空数组 `aa` 和一个字符串 `"0"`，然后对它们进行了各种类型之间的比较。需要注意的是，JavaScript 中的类型转换是非常复杂的，很多情况下都需要进行手动转换才能得到正确的结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值