javascript - 删除运算符不删除对象属性

Question

我有一个 delete 运算符代码片段，如下所示:

(function() {
  var objA = Object.create({
    foo: 'foo'
  });
  var objB = objA;
  objB.foo = 'bar';

  delete objA.foo;
  console.log(objA.foo);
  console.log(objB.foo);
}());

//it logs-> foo

由于 delete 运算符用于删除 foo 属性，它不应该存在，因此 undefined 应该记录在控制台中。但是，它正在记录 foo，这是初始化时属性的值。为什么不删除属性？

Answer 1

var objA = Object.create({
    foo: 'foo'
});

创建一个对象 objA，objA.__proto__(它的原型(prototype))设置为 {foo: 'foo'}。没有实际的 objA.foo 属性，它实际上是 objA.__proto__.foo，因此没有删除任何内容。

如果你这样做

var objA = {foo: 'foo'}

那么你的代码就可以工作了。

演示:

var refObj = {a: 'a'};
var proto = {
  foo: refObj
};
var objA = Object.create(proto);

console.log(objA.foo === objA.__proto__.foo) // should be true
delete objA.foo
console.log(objA.foo) // should print something
delete objA.__proto__.foo
console.log(objA.foo) // should be undefined