javascript - javascript setter、getter 方法中缺少“this”关键字

Question

我不小心在 setter、getter 方法中遗漏了这个关键字。它会导致一些奇怪的错误：（用 Chrome、Firefox 测试）

案例一：

let user = {
    name: "John",

    set fullName(value) {
        name = value;
    },

    get fullName() {
        return name;
    }
};

user.fullName // ""
user.fullName = "Batman"
user.fullName // "Batman"
user.name // "John"

为什么属性名称仍然是“John”？“蝙蝠侠”从何而来？

案例2：更改上述代码的变量名，发生了一些事情：

let user = {
    anythingButName: "John",

    set fullName(value) {
        anythingButName = value;
    },

    get fullName() {
        return anythingButName;
    }

    user.fullName // anythingButName is not defined at Object.get fullName [as fullName]...
};

在上面的代码中，除了单词名称之外，不能使用任何名称。我不知道为什么？

Answer 1

两种情况是平等的。怎么了：

let user = {
  name: "John",

set fullName(value) {
    name = value;//sets window.name to *value*
},

get fullName() {
    return name;//returns window.name
}
};

console.log(
user.fullName,// window.name is "" by default
window.name,
user.fullName = "Batman", //=> window.name
window.name,
user.fullName, // "Batman" ==window.name
user.name // "John" //what you really wanted
);

它仅使用名称（不是真的）起作用，因为window.name是默认属性，因此在开头设置为“”。您可以检查您的第二种情况：

console.log(
  user.fullName, // undefined yet
  user.fullName="test",
  user.fullName // test
);