자바스크립트에서 코드를 디버깅하는 방법은 무엇입니까?
2563 단어 writingbeginnersjavascript
이 기사에서는 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:"🐒"
}
]
Reference
이 문제에 관하여(자바스크립트에서 코드를 디버깅하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/ksdeveloper/how-to-debug-your-code-in-javascript-4ph9
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
But what if we have multiple values that we want to log?
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:"🐒"
}
]
Reference
이 문제에 관하여(자바스크립트에서 코드를 디버깅하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/ksdeveloper/how-to-debug-your-code-in-javascript-4ph9
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
console.info('This is info message') ;
console.warn('Please enter valid number');
console.error('number is not valid');
console.debug('This is debug');
콘솔. table()은 인덱스 번호가 있는 보기 아름다운 테이블 보기입니다.
let animal = [
{
cow: "🐮",
cat: "🐱"
},
{
dog: "🐶",
monkey:"🐒"
}
]
Reference
이 문제에 관하여(자바스크립트에서 코드를 디버깅하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ksdeveloper/how-to-debug-your-code-in-javascript-4ph9텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)