console.log ({myvariable});

이 트윗은 아마도 가장 인기있는 (요즘 검증이 까다 롭지 만), 편리한 JavaScript 디버깅 트릭을 보여줍니다. 더 탐색합시다.

이전에는 장점을 사용할 것입니다.

 console.log ( "myvariable :", myvariable);

이제 나는 간결한 것을 선호합니다.

 console.log ({myvariable});

DevTools는 변수의 이름과 값을 제공하여이를 똑같이 잘 렌더링합니다.

마법은 JavaScript의 객체 문자 그럴 구문에 있습니다. Curly Braces {} 객체를 정의합니다. 과제없이 객체가 존재할 수 있습니다.

 {foo : "bar"}

이것은 객체를 함수로 전달할 때 일반적입니다 (예 : myFunction({ config: options }) ). "트릭"은 객체 속기 표기법을 활용합니다. 변수 이름 만 사용하여 객체를 만들 수 있으며 암시 적으로 속성으로 할당 할 수 있습니다.

 const fruit = "Apple";

// 속기
x = {fruit}하자;

Console.log (x); // 출력 : {Fruit : "Apple"}

// 동등한 긴 형태
x = { "과일": 과일};

Console.log (x); // 출력 : {Fruit : "Apple"}

console.log({ myVariable }); 이 속도를 활용하여 속성으로 myVariable 가진 객체를 만듭니다.

그러나 잠재적 인 단점은 DevTools의 가끔 출력을 붕괴 된 ▶ Object 로 표시하기로 한 결정으로 값을보기 위해 확장이 필요합니다. 이 동작의 정확한 기준은 불분명합니다. 이 또는 표준 객체 출력 형식이 이상적이지 않으면 console.table({ myVariable }); 보다 체계적인 프레젠테이션을 위해.

위 내용은 console.log ({myvariable});의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!