> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 Alert()와 console.log()의 차이점

자바스크립트에서 Alert()와 console.log()의 차이점

高洛峰
풀어 주다: 2017-02-03 14:45:19
원래의
1743명이 탐색했습니다.

[1]alert()

[1.1] 차단 효과가 있습니다. 확인을 클릭하지 않으면 후속 코드를 계속 실행할 수 없습니다.

[1.2] Alert() 문자열만 출력할 수 있습니다. 출력은 객체가 자동으로 toString() 메서드

를 호출한다는 것입니다. 예: Alert([1,2,3]);//'1,2,3'

[1.3] 경고는 지원되지 않습니다. 여러 매개변수를 작성할 경우 첫 번째 값만 출력됩니다.

예: 경고(1,2,3);//1

[2 ]console.log()

[2.1] 인쇄 스테이션에 출력

[2.2] 모든 유형의 데이터를 인쇄할 수 있습니다

예: console.log([1,2 ,3]);//[1,2 ,3]

[2.3] 다중 매개변수 쓰기 지원

예: console.log(1,2,3)// 1 2 3

경고와 콘솔의 결과가 다르다고요?

score = [1,2,3];
sortedScore = [];
console.log(score);
sortedScore = score.sort(sortNumber)
console.log(sortedScore);
function sortNumber(a, b) {
  return b - a;
}
로그인 후 복사

위 출력:
[3, 2, 1]
[3, 2, 1]

그러나 경고로 변경:

score = [1,2,3];
sortedScore = [];
alert(score);
sortedScore = score.sort(sortNumber)
alert(sortedScore);
function sortNumber(a, b) {
  return b - a;
}
로그인 후 복사

위 출력:
1, 2, 3
3, 2, 1

왜일까요? 모두
1, 2, 3
3, 2, 1
이어야 하지 않나요?

몇몇 조사 끝에 Chrome에서 구현한 문제인 것으로 확인되었습니다. 출력에 대해 부적절한 최적화를 수행하고 "게으른" 평가에 해당하는 console.log의 실제 실행을 연기했습니다. 배열과 객체의 경우 참조 유형이 위의 문제를 일으킵니다.

https://bugs.webkit.org/show_bug.cgi?id=35801

매우 역사적인 BUG이며 지난 달 개발 버전에서 수정되었습니다. .

JavaScript에서 Alert()와 console.log()의 차이점에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿