今天分享几个少见却很有用的 JS 技巧

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() 的时候，将参数用大括号括起来，这样可以同时看到变量名和变量值。

"> John Doe</div><script> const user = document.getElementById('user'); console.log(user.dataset); // { name: "John Doe", age: "29", something: "Some Data" } console.log(user.dataset.name); // "John Doe" console.log(user.dataset.age); // "29" console.log(user.dataset.something); // "Some Data"</script>