访问器属性及其函数名称

Question

ECMAScript 6 中的所有函数都将为其 name 属性设置适当的值。那么这些访问器属性的名称（getter 和 setter）呢？

示例（来自Understanding ECMAScript 6 book）：

var doSomething = function doSomethingElse() {
    // empty
};

var person = { 
    get firstName() {
        return "Nicholas"
    },
    sayName: function() {
        console.log(this.name);
    }
}

console.log(doSomething.name); // "doSomethingElse"
console.log(person.sayName.name); // "sayName"
console.log(person.firstName.name); // undefined, instead of "get firstName"

你能解释一下为什么person.firstName.name返回undefined吗？

Answer 1

由于person.firstName 是一个getter，因此返回值是getter 返回的值（在您的示例中为"Nicholas"），而不是getter 函数本身，因此您不能以这种方式访问​​它的名称。

为了得到函数的引用，可以使用Object.getOwnPropertyDescriptor：

var person = { 
    get firstName() {
        return "Nicholas"
    },
}

var descriptor = Object.getOwnPropertyDescriptor(person, 'firstName');

console.log(descriptor);
console.log(descriptor.get.name);

Answer 2

因为person.firstName === "Nicholas" 和"Nicholas".name 不存在。

当使用getter 时，您直接访问实际返回的值，就执行它的行所理解的而言，您并没有调用函数，这与尝试相同：

var obj = { something: 'someValue' };
console.log(obj.something.name);

这也会返回 undefined。

Answer 3

因为person.firstName是返回值的类型，所以string，而string没有属性.name

person.sayname 和 doSomethingElse 是函数，具有 .name 属性

console.log(typeof doSomething); // function
console.log(typeof person.sayName); // function
console.log(typeof person.firstName); // string

Answer 4

我认为这是因为name 属性仅适用于函数或类，不适用于变量。

如果你有代码：

let var1 = "non function";
let var2 = {};
let var3 = function(){};
let var4 = function hello(){};
let var5 = class AClass{};

console.log(var1.name); // undefined
console.log(var2.name); // undefined
console.log(var3.name); // var3
console.log(var4.name); // hello
console.log(var5.name); // AClass

您可以看到var1 和var2 不是函数或类，而其他它们是并且具有name 属性。