js高级——箭头函数、节流和防抖

箭头函数和其他函数的区别：

1、箭头函数是表达式，不是声明，不具有声明的提升

2、箭头函数没有this指向，也没有arguments对象

3、箭头函数的参数只有一个时，可以省略小括号。

4、箭头函数只有一个语句且是return语句，可以省略return和外层大括号

5、如果箭头函数只有返回一个对象，那么对象外层要加小括号。

n => {return{a:n}};
n =>({a:n})

节流和防抖作为页面性能优化的一种策略，可以降低回调函数的执行频率，节省计算资源，能有效减少浏览器引擎的损耗，防止出现页面堵塞卡顿现象。

节流

限制一个函数在一段时间内只能执行一次。

一般用在scroll、input等可能连续触发的事件处理上。

 ele.oninput = throttle(function () {
            console.log(123);
        }, 1000); //每1000毫秒最多执行一次

        function throttle(fn, delay) {
            let timer = null;
            return function () {
                if (timer) {
                    return
                }
                timer = setTimeout(() &#