大佬说：“不想加班你就背会这 10 条 JS 技巧”

左手的ㄟ右手 2022-11-05 12:53 34阅读 0赞

为了让自己写的代码更优雅且高效，特意向大佬请教了这 10 条 JS 技巧

## 1. 数组分割 ##

## 2. 求数组元素交集 ##

const listIntersection = (firstList, ...args) => {
        if (!Array.isArray(firstList) || !args.length) {
            return firstList;
        }
        return firstList.filter(item => args.every(list => list.includes(item)));
    };
    listIntersection([1, 2], [3, 4]);
    // []
    
    listIntersection([2, 2], [3, 4]);
    // []
    
    listIntersection([3, 2], [3, 4]);
    // [3]
    
    listIntersection([3, 4], [3, 4]);
    // [3, 4]

## 3. 按下标重新组合数组 ##

## 4. 按下标组合数组为对象 ##

## 5. 检查对象属性的值 ##

## 6. 获取对象属性 ##

## 7. 将特殊符号转成字体符号 ##

## 8. 利用注释创建一个事件监听器 ##

class EventEmitter {
        #eventTarget;
        constructor(content = '') {
            const comment = document.createComment(content);
            document.documentElement.appendChild(comment);
            this.#eventTarget = comment;
        }
        on(type, listener) {
            this.#eventTarget.addEventListener(type, listener);
        }
        off(type, listener) {
            this.#eventTarget.removeEventListener(type, listener);
        }
        once(type, listener) {
            this.#eventTarget.addEventListener(type, listener, { once: true });
        }
        emit(type, detail) {
            const dispatchEvent = new CustomEvent(type, { detail });
            this.#eventTarget.dispatchEvent(dispatchEvent);
        }
    };
    
    const emmiter = new EventEmitter();
    emmiter.on('biy', () => {
        console.log('hello world');
    });
    emmiter.emit('biu');
    // hello world

## 9. 生成随机的字符串 ##

const genRandomStr = (len = 1) => {
        let result = '';
        for (let i = 0; i < len; ++i) {
            result += Math.random().toString(36).substr(2)
        }
        return result.substr(0, len);
    }
    genRandomStr(3)
    // u2d
    genRandomStr()
    // y
    genRandomStr(10)
    // qdueun65jb

## 10. 判断是否是指定的哈希值 ##

## 前端面试题汇总 ##

前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。我做了一个整理，并且在技术博客找到了专业的解答，大家可以参考下：

![4a5419a1c90ddbb21a2fdcf130577364.png][]

![0432b8e539325b94948089383d0bfa8c.png][]

![9749ea39072fc4b7b27af6f3a4db5ab1.png][]

#### **由于篇幅有限，只能分享部分面试题，完整版面试题及答案可以[【点击我】][Link 1]阅读下载哦~无偿分享给大家** ####

[4a5419a1c90ddbb21a2fdcf130577364.png]: /images/20221023/fc57b520c25043299f9cec52f31e0b92.png
[0432b8e539325b94948089383d0bfa8c.png]: /images/20221023/ab03519a9a72444b844eb163b248f2fe.png
[9749ea39072fc4b7b27af6f3a4db5ab1.png]: /images/20221023/0ffe4d37b52843eaaf6ffbded6d7fa77.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=SBb7oFqq