一个JS项目需要频繁操作指定的变量/对象，是不是不适合函数式编程范式

Question

比如一个前端播放器，需要频繁操作 video 对象

像生成播放器按钮之类的函数，都用到 video 对象，感觉这里 video 当不当参数传入都差不多，video 就是个全局变量，不符合规范啊，现在完全没思路如何抽象：

const renderPlayButton = (video) => {
    let button = document.createElement('div');
    button.addEventListener('click', () => {
        video.play();
    });

    return button;
};

let videoEl = document.createElement('video');
let playButton = renderPlayButton(videoEl);

这样呢？
但是还是要用到 video，这样符合规范吗？

const renderPlayButton = () => {
    let button = document.createElement('div');
    return (video) => {
        button.addEventListener('click', () => {
            video.play();
        });
        return button;
    };
};

let videoEl = document.createElement('video');
const createPlayButton = renderPlayButton();
let playButton = createPlayButton(videoEl);

Answer 1

不符合什么规范？

从现有的部分代码看，属于过度设计。