原生JavaScript 100个技巧汇总（上）

在Web开发的世界里，原生JavaScript无疑是一门强大的语言。它赋予网页丰富的交互性和动态效果。下面为大家汇总一些实用的原生JavaScript技巧。

1. 快速获取元素 使用document.querySelector()和document.querySelectorAll()可以方便地通过CSS选择器获取元素。例如，document.querySelector('.classname')能获取第一个匹配的类元素，而document.querySelectorAll('.classname')则返回所有匹配的元素集合。

2. 事件委托 当需要为多个元素添加相同的事件处理程序时，可利用事件委托。将事件处理程序添加到它们的共同父元素上，通过判断事件目标来执行相应操作，这样可以减少内存占用和代码量。

3. 防抖与节流 防抖是指在一定时间内，多次触发同一事件，只执行最后一次。节流则是在一定时间内，只执行一次。它们常用于优化频繁触发的事件，如滚动、输入框输入等，提升性能。

4. 数组去重 利用Set对象可以轻松实现数组去重。let uniqueArray = [...new Set(array)];，这行代码能快速去除数组中的重复元素，返回一个新的无重复元素的数组。

5. 判断数据类型 使用typeof可以判断基本数据类型，但对于对象类型的判断不够准确。这时可以使用Object.prototype.toString.call()方法，能准确判断各种数据类型，包括数组、对象、函数等。

6. 字符串操作 掌握一些字符串操作方法，如substring()、substr()、slice()用于截取字符串；replace()用于替换字符串中的特定内容；split()用于将字符串分割成数组等。

7. 条件判断优化 对于多个条件判断，可以使用switch语句或者对象映射的方式来优化代码结构，使代码更清晰、易读和维护。

8. 遍历对象属性 使用for...in循环可以遍历对象的可枚举属性，而Object.keys()、Object.values()和Object.entries()方法可以分别获取对象的属性名数组、属性值数组和键值对数组，方便进行遍历和操作。

这些只是原生JavaScript众多技巧中的一部分，掌握它们能让你的JavaScript编程更加高效和灵活。后续我们将继续为大家带来更多实用技巧。