>  기사  >  웹 프론트엔드  >  어떤 상황에서 javascript가 Object.prototype에 열거 가능한 속성을 추가하지 않아야 합니까?

어떤 상황에서 javascript가 Object.prototype에 열거 가능한 속성을 추가하지 않아야 합니까?

伊谢尔伦
伊谢尔伦원래의
2017-07-26 17:03:171438검색

Object.prototype에 열거 가능 속성을 추가하지 마세요

코드가 for..in 루프를 사용하여 Object 유형의 속성을 반복하는 경우 Object.prototype 열거 가능 속성에 어떤 것도 추가하지 마세요.

하지만 JavaScript 실행 환경을 강화할 때 Object.prototype 개체에 새로운 속성이나 메서드를 추가해야 하는 경우가 많습니다. 예를 들어, 객체의 모든 속성 이름을 가져오는 메서드를 추가할 수 있습니다.


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

그러나 결과는 다음과 같습니다.


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

실현 가능한 해결책은 객체 정의에서 대신 함수를 사용하는 것입니다. .prototype에 대한 메서드:


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

그러나 정말로 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 
});

위 코드의 핵심 부분은 열거 가능 속성을 false로 설정하는 것입니다. 이 경우 for..in 루프에서 속성을 순회할 수 없습니다.

위 내용은 어떤 상황에서 javascript가 Object.prototype에 열거 가능한 속성을 추가하지 않아야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.