为什么将var传递给一个函数会使这个var在内部不可变?

我是js新手,我想了解这三种情况下x变量之间的区别,以及为什么代码中的第三种情况下x=10仍然让我困惑

      var x = 10;
      function test(){
            var x = 15;
      }
      test();
      console.log(x)// return 10

      ///////////////////////////
      var x = 10;
      function test(){
             x = 15;
      }
      test();
      console.log(x)// return 15

      ////////////////////////////
      var x = 10;
      function test(x){
             x = 15;
      }
      test();
      console.log(x)// return 10