JS小技巧

关于console的技巧

1. console打印出样式

console.log("%c Holle word","color:#00BFFF");

在console.log输出中，只要在你想打印的字符前面加一个%c，然后在后面写样式，用逗号隔开即可打印出即可看到和正常写的样式是一致的。（可以应用于在工作中打印出比较醒目的内容）。

2. console打印出表格

type	price
iPhone	560
iPad	780
iMac	1000
比如想控制台打印出如上类型的表格，可以同console.table打印。

let A = {type:'iPhone',price:'560'};
let B = {type:'iPad',price:'780'};
let C = {type:'iMac',price:'1000'};

console.table([A,B,C]);

3. console的时间输

console.time('timing');
let sum = 0;
for(let i = 0;i<5000;i++){
    sum += i;
}
console.timeEnd('timing');

在想要计时的代码前用console.time开头定义一个标签标表示开始，在计时结束的代码后用console.timeEnd标示结束，控制台就会输出这段代码执行的时间了。

4. 循环嵌套的标签

在循环嵌套的时候当我们使用break时，有时会分不清我们是退出的哪一层，因此我们可以在循环前面加一层标签，然后在退出循环的时候在break后面加上定义的标签，程序就知道我们想要退出哪一层循环了。

outerCycle:for(let i =0;i < 3;i++){
    if(/*表达式*/){
        //退出外循环
        break outerCycle;
    }
    innnerCycle:for(let j = 0;j < 5;j++){
        if(/*表达式*/){
            //退出内循环
            break innnerCycle;
        }
    }
}

PS： 以上来源于网络，记录一下，防止忘记。如果其中有什么问题，欢迎指正，谢谢大家！