JavaScript 변수 변경 사항을 어떻게 감지할 수 있나요?

JavaScript에서 변수 변경 관찰

원래 질문:

JavaScript에 값이 특정 변수가 수정되었나요? jQuery와 관련된 솔루션을 고려해 보십시오.

답변:

프록시 개체 사용:

2018년 현재 프록시 개체는 다음을 제공합니다. 객체 속성 변경을 모니터링하고 가로채는 효과적인 메커니즘입니다. 대상 개체를 래핑하는 프록시 개체를 생성하여 작동합니다.

var targetObj = {};
var targetProxy = new Proxy(targetObj, {
  set: function (target, key, value) {
      console.log(`${key} set to ${value}`);
      target[key] = value;
      return true;
  }
});

targetProxy.hello_world = "test"; // console: 'hello_world set to test'

제한 사항:

• 프록시 개체는 이전 브라우저에서 지원되지 않습니다(예: IE11).
• 특수 개체(예: Date).

중첩 개체 관찰:

중첩 개체의 변화를 관찰하기 위해 Observable Slim과 같은 전문 라이브러리가 보다 포괄적인 솔루션을 제공합니다.

var test = {testing:{}};
var p = ObservableSlim.create(test, true, function(changes) {
    console.log(JSON.stringify(changes));
});

p.testing.blah = 42; // console:  [{"type":"add","target":{"blah":42},"property":"blah","newValue":42,"currentPath":"testing.blah",jsonPointer:"/testing/blah","proxy":{"blah":42}}]

위 내용은 JavaScript 변수 변경 사항을 어떻게 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!