如何巧妙运用JavaScript实现高效编程的实用小技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2895个文字,预计阅读时间需要12分钟。
前言:这篇文档主要记录一下自己在平时刻苦实践得到的一些,博客中学习到的以及在一些项目源码中看到的JavaScript技巧。其中有些东西可以说是奇技淫巧,有些可能是在ES6中一些比较具有实用性的新语法。
前言
这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧,有些可能是 ES6+ 中一些比较具有实用性的新语法。
&& 和 || 的妙用
有时候我们需要在某个函数或变量为 true 时执行另外一个函数。例如:
const task1 = () => { console.log('执行 task1'); return Math.random() >= 0.5; } const task2 = () => console.log('task1 执行成功后执行 task2'); if (task1()) task2();
上面的 if 语句可以使用 && 直接简写为:
task1() && task2();
如果还要在 task1 失败(也就是task1返回false)后执行 task3, 可以使用:
const task3 = () => console.log('task1 执行失败后执行 task3'); task1() && task2() || task3();
本质上还是利用了 && 和 || 的短路特性。
本文共计2895个文字,预计阅读时间需要12分钟。
前言:这篇文档主要记录一下自己在平时刻苦实践得到的一些,博客中学习到的以及在一些项目源码中看到的JavaScript技巧。其中有些东西可以说是奇技淫巧,有些可能是在ES6中一些比较具有实用性的新语法。
前言
这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧,有些可能是 ES6+ 中一些比较具有实用性的新语法。
&& 和 || 的妙用
有时候我们需要在某个函数或变量为 true 时执行另外一个函数。例如:
const task1 = () => { console.log('执行 task1'); return Math.random() >= 0.5; } const task2 = () => console.log('task1 执行成功后执行 task2'); if (task1()) task2();
上面的 if 语句可以使用 && 直接简写为:
task1() && task2();
如果还要在 task1 失败(也就是task1返回false)后执行 task3, 可以使用:
const task3 = () => console.log('task1 执行失败后执行 task3'); task1() && task2() || task3();
本质上还是利用了 && 和 || 的短路特性。

