자바스크립트에서 코드를 디버깅하는 방법은 무엇입니까?

안녕하세요 DEV 가족 여러분 👋

이 기사에서는 javascript sound is good!에서 코드 디버그에 대해 논의하고 있습니다. 시작하자
코드를 디버깅하는 것은 문제를 해결하는 데 매우 중요합니다.
야야 오류...! 🤯

생생한 오류. 😂

이제 그것을 해결하는 방법?
Console.log가 오류 해결을 돕고 있습니다.
콘솔에서 출력을 볼 수 있는 유형이 너무 많습니다.

console.log



자바스크립트 프로그래머에서 아주 간단하고 기본적인 사용법입니다...!
예:1console.log("🤪");
예:2var name = 'Kuldeep';console.log(name);오류를 확인하는 기본 방법을 원하면 오류를 확인할 수 있습니다.

But what if we have multiple values that we want to log?



예를 들어:var name='kuldeep 🤓';var friendName='Pawar 😝';var car = 🏎️;console.log(name);console.log(firendName);console.log(car);
그때 우리는 console.log() 3회 쓰기입니까? 아니요, 아이디어가 있습니다 💡.

저는 이렇게 코드를 작성합니다.console.log('name'.name, 'My Friend Name'.firendName, 'car'.car);근데 이것도 길다😆
또 이렇게 코드를 작성합니다...console.log( {name, firstName, car} );
이렇게 하면 코드 줄이 줄어들고 코드를 쉽게 이해할 수 있습니다. 그리고 당신은 똑똑한 방식의 프로그래머입니다.

객체로 작업해 봅시다:



let car ={
carName: 'BMW',
carColor: 'Black',
price: $250000,
}

console.log(car);
console.log({car});

첫 번째 로그는 자동차 개체 내의 속성을 인쇄합니다. 두 번째는 개체를 "자동차"로 식별하고 그 안에 있는 속성을 인쇄합니다.

로그 내의 변수


console.log('%s is %d years old', "Kuldeep", 29 );
이 예에서 %s는 문자열 옵션이라고 하고 %d는 임의의 숫자라고 합니다. 이 예에서 우리의 출력 문은 다음과 같은 쇼입니다: Kuldeep is 29 years old .

변형 로그().



몇 가지 변형 로그가 있습니다. 주로 console.log()를 널리 사용합니다. 그러나 또한 있습니다.

console.info('This is info message') ;
console.warn('Please enter valid number');
console.error('number is not valid');
console.debug('This is debug');

warn는 노란색으로 인쇄하고 error 메시지는 빨간색으로 인쇄합니다.

콘솔.테이블()



콘솔. table()은 인덱스 번호가 있는 보기 아름다운 테이블 보기입니다.

let animal = [
    {
        cow: "🐮",
        cat: "🐱"
    },
    {
        dog: "🐶",
        monkey:"🐒"
    }
]


좋은 웹페이지 즐겨찾기