javascript - JS中方法名与属性名不冲突

Question

我是 JS 新手。当看到这段代码时:

var obj = {
    foo : function foo(){console.log("foo");}

}

我想知道为什么 2 个 foo 名称没有产生冲突？

Answer 1

第一个是key名称，另一个是函数名称:

var obj = {
    foo : function foo(){console.log("foo");}
 // ^              ^
 // Key            Name
}   |              |
    v              |
obj.foo.name <-----+
// => foo 

它类似于:

function foo () {console.log("foo");}
var obj = { foo: foo }
// or simply
var obj = { foo }

Function.name

A Function object's read-only name property indicates the function's name as specified when it was created, or it may be rather anonymous or ''(an empty string) for functions created anonymously.