Electron应用中视频播放函数重复使用变量名是否可行？

嘿，这个问题问得挺实在的！咱们来聊聊这两种写法的区别和各自的合理性：

第一种写法（统一用video作为变量名）：完全可行，且更简洁 #

你第一个版本里每个函数都用var video是完全没问题的，核心原因是JavaScript的函数作用域：

• 用var声明的变量只在当前函数内部有效，每个playvideo1、playvideo2都是独立的作用域，它们内部的video变量是各自私有、互不干扰的。
• 比如当你调用playvideo1时，函数里创建的video只在这个函数执行过程中存在，执行完毕后就会被销毁；调用playvideo2时，又会创建一个全新的video局部变量，和前者没有任何关联。

这种写法的优势是简洁——在单个函数的简单逻辑里，video这个名字已经能清晰表达“当前要操作的视频元素”，完全没必要额外加数字后缀。

第二种写法（用video1、video2作为变量名）：可行但冗余 #

第二个版本的写法本身没有错误，变量名也能对应到视频元素的ID，但其实有点多余：

• 因为变量的作用域已经被限制在单个函数内部了，外部根本访问不到这个变量，所以即使同名也不会有冲突。
• 给变量加数字后缀反而会让代码显得重复，尤其是当你有几十个视频的时候，要写video1到videoN，代码冗余度会很高。

更推荐的优化方案：封装通用函数 #

既然每个播放函数的逻辑都是重复的（获取元素、重置播放位置、调用播放），不如把这些逻辑封装成一个通用函数，彻底避免重复代码：

function playVideo(videoId) {
  // 用const替代var，更符合现代JS规范
  const video = document.getElementById(videoId);
  // 加个判断，避免找不到元素时抛出错误
  if (video) {
    video.currentTime = 0;
    video.play();
  }
}

之后调用的时候只需要：

// 播放video1
playVideo('video1');
// 播放video2
playVideo('video2');

这样不管你有多少个视频，都只需要这一个函数，代码更简洁也更容易维护。

内容的提问来源于stack exchange，提问作者user2454060