javascript在哪种情况下不要向Object.prototype中添加可列举属性-tutorial js-php.cn

javascript在哪种情况下不要向Object.prototype中添加可列举属性

伊谢尔伦

Lepaskan： 2017-07-26 17:03:17

asal

1444 orang telah melayarinya

绝不要向Object.prototype中添加可列举的(Enumerable)属性

如果你的代码中依赖于for..in循环来遍历Object类型中的属性的话，不要向Object.prototype中添加任何可列举的属性。

但是在对JavaScript执行环境进行增强的时候，往往都需要向Object.prototype对象添加新的属性或者方法。比如可以添加一个方法用于得到某个对象中的所有的属性名：

Object.prototype.allKeys = function() { 
  var result = []; 
  for (var key in this) { 
    result.push(key); 
  } 
  return result; 
};

Salin selepas log masuk

但是结果是下面这个样子的：

({ a: 1, b: 2, c: 3}).allKeys(); // ["allKeys", "a", "b","c"]

Salin selepas log masuk

一个可行的解决方案是使用函数而不是在Object.prototype上定义新的方法：

function allKeys(obj) { 
  var result = []; 
  for (var key in obj) { 
    result.push(key); 
  } 
  return result; 
}

Salin selepas log masuk

但是如果你确实需要向Object.prototype上添加新的属性，同时也不希望该属性在for..in循环中被遍历到，那么可以利用ES5环境提供的Object.defineProject方法：

Object.defineProperty(Object.prototype, "allKeys", { 
  value: function() { 
    var result = []; 
    for (var key in this) { 
      result.push(key); 
    } 
    return result; 
  }, 
  writable: true, 
  enumerable: false, 
  configurable: true 
});

Salin selepas log masuk

以上代码的关键部分就是将enumerable属性设置为false。这样的话，在for..in循环中就无法遍历该属性了。

Atas ialah kandungan terperinci javascript在哪种情况下不要向Object.prototype中添加可列举属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!