자바스크립트 console.log 문제

Question

1. 크롬에서 디버깅을 하면 콘솔이 객체를 출력하는데, 객체가 확장되지 않으면 빈 객체로 표시되는데, 클릭하면 그 안에 값이 있다는 것을 알 수 있습니다. ?
2. 그림 1은 확장되지 않은 개체가 빈 개체임을 보여줍니다, 그림 2는 확장되면 그 안에 값이 있음을 보여줍니다.

Answer 1

빈 객체를 먼저 인쇄했습니다. 인쇄한 시점과 클릭한 시점 사이에 ajax가 객체를 비동기식으로 채웠기 때문에 클릭한 경우에만 값이 있게 됩니다. 이는 비동기 작업이므로 사용할 수 없습니다. 미리 빈 개체.

Answer 2

콘솔이 열리지 않은 경우 console.log는 이렇습니다

Answer 3

객체를 인쇄할 때 console.log. 객체인 경우 메모리 조각을 가리킵니다. 이 메모리는 처음에는 비어 있었는데, 이후 Ajax가 데이터를 가져와서 채웠습니다. 더 이상 비어 있지 않습니다. console.log는 반응형이라고 생각하시면 됩니다

Answer 4

콘솔에 표시되는 데이터는 실시간으로 업데이트되지 않으므로 위의 내용은 인쇄된 로그일 뿐입니다.

처음 인쇄할 때Object 실제로는 빈 개체입니다.
그러나 AJAX에서 반환한 데이터가 이 개체를 채웁니다.
확장시 위의 확장표시는 메모리에서 읽어온 데이터이므로 클릭시 값이 있습니다.

단, 위 로그는 출력 후 철회나 업데이트가 불가능하므로 위에 인쇄된 Object{} 내용은 그대로 유지됩니다.