使用不同的变量名称

Question

我有一个应用程序（使用Electron），它使用大量激活oncl​​ick的视频。我一直在使用以下格式：

     function playvideo1(){
       var video = document.getElementById("video1");
	   	   video.currentTime = 0; 
       video.play();
                 }
     function playvideo2(){
       var video = document.getElementById("video2");
	   	   video.currentTime = 0; 
       video.play();
                 }

是否可以为每个var名称使用“video”，或者我应该使用不同的var名称？：

         function playvideo1(){
           var video1 = document.getElementById("video1");
    	   	   video1.currentTime = 0; 
           video1.play();
                     }
         function playvideo2(){
           var video2 = document.getElementById("video2");
    	   	   video2.currentTime = 0; 
           video2.play();
                     }

Answer 1

是的，没关系，只要你的代码仍然可读和可维护。

使用var定义的变量的范围限定在定义它们的闭包中。换句话说，您在var video中定义的playvideo1()不存在于playvideo1()之外。因此，在video中再次定义名为playvideo2()的变量是安全的。

请注意，这假设在包含函数定义的任何闭包中都不存在变量video。

以下是有关Javascript中变量范围的更多信息：https://www.w3schools.com/js/js_scope.asp