js 保留字name 导致的误解

今天刷到一道题：

  function Foo(){    
       this.name="test1";    // 这里 this 指向实例对象
       function bar(){        
           this.name="test2";  // this 指向 window
       };    
       bar(); 
  }   
  Foo.name="test3"; 
  var foo = new Foo();
  console.log(Foo);   // 输出函数
  console.log(Foo.name); // Foo
  console.log(foo.name); // test1

原以为倒数第二行输出 "test3" 妥妥没问题的，然而谁想到输出的是 Foo

后来一查

js 保留字name 导致的误解

name 还是个属性名，因此上式的Foo.name 就是指Foo 函数的名称，因此就是 “Foo”

但是这里又想了，既然说 Foo.name ='test3'，那可不可以算是给 Foo 换一个函数名，叫"test3"，然后测试发现

function Foo(){    
     this.name="test1";   
     function bar(){        
        this.name="test2";
     };    
     bar(); 
}   
Foo.name="test3"; 
var foo = new Foo();
console.log(Foo);   // 输出函数
console.log(test3.name); // test3 未定义
console.log(foo.name); // test1

想法是错的，看来我可能有点钻牛角尖了。

所以最后的结论就是，函数名.name == 函数名，而且不能被改变 / 重新赋值

然后还看到有相同的测试结果

https://www.cnblogs.com/yaoxiaowen/p/6838818.html?utm_source=itdadao&utm_medium=referral

所以最后的结论就是，命名的时候尽量不要用 name 、value 等作为变量名

js 保留字name 导致的误解

相关推荐