js作用域综合练习

      function Foo() {
       
        getName = function () {
          console.log(1);
        };
        return this;
      }
      Foo.getName = function () {
        console.log(2);
      };
      Foo.prototype.getName = function () {
        console.log(3);
      };
      var getName = function () {
        console.log(4);
      };
      function getName() {
        console.log(5);
      }

      Foo.getName(); 
      getName();
      Foo().getName(); 
      getName(); 
      new Foo().getName();

解析： 

    function Foo() {
        //注意这个是全局的window.getName,如果this.getName就是函数内的
        getName = function () {
          console.log(1);
        };
        return this;
      }
      Foo.getName = function () {
        console.log(2);
      };
      Foo.prototype.getName = function () {
        console.log(3);
      };
      var getName = function () {
        console.log(4);
      };
      function getName() {
        console.log(5);
      }

      Foo.getName(); //先找构造函数的  2
      getName(); //要注意Foo()我们没有调用，所以指向下面的getName，由于声明变量>声明普通函数所以输出4
      Foo().getName(); //Foo()返回的是Window,window.getName也就是Foo()里的getName
      //有人就会有疑问 但是后面的代码
      // var getName = function () {
      //   console.log(4);
      // };
      // 明明覆盖了Foo()里的getName，别忘了
      //Foo().getName()其实相当于执行了
      /*
      window.getName = function () {console.log(1);};
      所以反而是覆盖了var getName = function () { console.log(4); };
      */
      getName(); //还是后者覆盖前者 window.getName = function () {console.log(1);} 结果是1
      new Foo().getName(); //根据对象的查找机制 先去当前实例对象中找 找不到就去构造函数去找 但是别被构造函数里的getName引诱了
      //那个是window.getName()不是this.getName()所以我们要去实例对象的对象原型(__proto__)去找也没有 最后在构造函数的原型对象中找到了3
      /*
      Foo.prototype.getName = function () {
        console.log(3);
      };
      */