如何巧妙运用JavaScript实现高效编程的实用小技巧?

2026-04-09 03:330阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计2895个文字,预计阅读时间需要12分钟。

如何巧妙运用JavaScript实现高效编程的实用小技巧?

前言:这篇文档主要记录一下自己在平时刻苦实践得到的一些,博客中学习到的以及在一些项目源码中看到的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实现高效编程的实用小技巧?

前言:这篇文档主要记录一下自己在平时刻苦实践得到的一些,博客中学习到的以及在一些项目源码中看到的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();

本质上还是利用了 && 和 || 的短路特性。

阅读全文