今天有哪些不常见却实用的JavaScript技巧分享呢?

更新于
2026-09-27 22:59:43
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

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

今天有哪些不常见却实用的JavaScript技巧分享呢?

1.+ 返回按钮 + 使用 + history.back() + 可以创建一个浏览器返回按钮。 + button + onclick=history.back() + 返回 / button

2.+ 数字分隔符 + 为了提高数字的可读性,您可以使用下划线作为分隔符:const _=1_000_000;

1. “返回”按钮

使用 history.back() 可以创建一个浏览器“返回”按钮。

<button onclick="history.back()"> 返回 </button>

2. 数字分隔符

为了提高数字的可读性,您可以使用下划线作为分隔符:

const largeNumber = 1_000_000_000; console.log(largeNumber); // 1000000000

3. 事件监听器只运行一次

如果你想添加一个事件监听器并且只运行一次,你可以使用 once 选项:

element.addEventListener('click', () => console.log('I run only once'), { once: true });

4. console.log 变量包装

您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。

5. 从数组中获取最小值/最大值

您可以使用 Math.min() 或 Math.max() 结合扩展运算符来查找数组中的最小值或最大值。

阅读全文
标签:技巧“

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

今天有哪些不常见却实用的JavaScript技巧分享呢?

1.+ 返回按钮 + 使用 + history.back() + 可以创建一个浏览器返回按钮。 + button + onclick=history.back() + 返回 / button

2.+ 数字分隔符 + 为了提高数字的可读性,您可以使用下划线作为分隔符:const _=1_000_000;

1. “返回”按钮

使用 history.back() 可以创建一个浏览器“返回”按钮。

<button onclick="history.back()"> 返回 </button>

2. 数字分隔符

为了提高数字的可读性,您可以使用下划线作为分隔符:

const largeNumber = 1_000_000_000; console.log(largeNumber); // 1000000000

3. 事件监听器只运行一次

如果你想添加一个事件监听器并且只运行一次,你可以使用 once 选项:

element.addEventListener('click', () => console.log('I run only once'), { once: true });

4. console.log 变量包装

您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。

5. 从数组中获取最小值/最大值

您可以使用 Math.min() 或 Math.max() 结合扩展运算符来查找数组中的最小值或最大值。

阅读全文
标签:技巧“