【第九期】你也许不知道的几个 JS 特性

本期前端小知识介绍的是 JS 的几个不常见的东西。

小知识

给 for 循环命名

loop1: 
for (let i = 0; i < 3; i++) { // "loop1"
   loop2: 
   for (let j = 0; j < 3; j++) { // "loop2"
      if (i === 1) {
      // 当进入这个条件时
      // 就回到 loop1 
         continue loop1; 
      }
      console.log(`i = ${i}, j = ${j}`);
   }
}
// 你可以发现结果中没有打印出 i = 1 这几个信息

逗号操作符的妙用

我们在使用三元操作符的时候，你是否有想过打印进入了哪个条件？

let a = 1
a == 1 ? (console.log('true'), 2) : (console.log('false'), 1)

逗号操作符可以让我们从左至右计算值，并且返回最后一个值。在上述代码中，我们先执行了左边的函数，然后返回了 2。

管道操作符

这是一个目前还在实验中的操作符，并且浏览器支持度也不高。目的是为了提高嵌套调用函数的可读性

const double = (n) => n * 2;
const increment = (n) => n + 1;
double(increment(double(10))); // 42
// |> 就是管道操作符
10 |> double |> increment |> double; // 42

setTimeout 第三个参数的妙用

对于定时器来说，我们一般都需要知道这个定时器到底有没有被触发。一般都会在回调函数中打印一个 log。但是其实我们可以通过第三个参数来简单的完成这件事情。

setTimeout(func, 1000, 'finish');

第三个参数如果字符串的话，会在延迟结束输出。如果是其他类型的话，会传给回调函数。从第三个参数开始是一个不定参数类型。

结尾

如果你看了文章还有任何的疑惑，都可以留言提问，我都会一一解答。

前端小知识，每天学一点。