JavaScript에서 Alert()를 사용할 때 주의할 점

이전 글에서는 JavaScript에서 Alert() 사용 방법을 소개하고 Alert() 스타일을 수정했습니다. 저는 모두가 Alert() 메서드에 익숙하므로 이를 사용하여 작업 중에 일부 값을 반영해야 한다고 생각합니다. 오늘은 JavaScript에서 Alert()를 사용할 때 주의해야 할 점을 소개해드리겠습니다!

alert() 메서드는 지정된 메시지와 확인 버튼이 있는 경고 상자를 표시하는 데 사용됩니다.
구문: alert(message)
message는 창의 팝업 대화 상자에 표시될 일반 텍스트(HTML 텍스트 아님)를 나타냅니다.

alert()는 파괴적인 메서드로 실행되면 팝업 창 이후의 코드는 실행되지 않습니다.

alert()의 또 다른 단점은 매개변수 메시지를 string으로 변환한다는 것입니다.
사용시 매개변수 메시지가 문자열임을 확인하면 안심하고 사용할 수 있지만, 그렇지 않다면 다음 코드 조각처럼 주의해야 합니다.

alert([1,2,3]); //弹出的对话框中显示的是1,2,3

이 경우에는 적어도 괜찮습니다. 우리는 매개 변수가 배열이고 내용이 1, 2, 3이라는 것을 알고 있지만 다음 상황은 더 나쁩니다.

<p style="margin-bottom: 7px;">alert([1,2,3,[4,5,6]]); //弹出的对话框中显示的是1,2,3,4,5,6<br/></p>

팝업 대화 상자에 표시되는 내용에 따르면 매개변수는 배열 내에 중첩된 배열입니다. 출력 1,2,3,4,5,6과 [1,2,3,[4,5,6]] 사이의 관계는 다음과 같습니다.

String([1,2,3,[4,5,6]]); //输出的结果是1,2,3,4,5,6
String([1,2,3]); //输出的结果是1,2,3

경고()를 사용하면, 메시지를 문자열로 변환하기 위해 먼저 매개변수 메시지에 대해 String() 메서드를 호출하는 것은 어떻습니까?

아래를 살펴보겠습니다.

alert({x:1,y:2});//输出的结果是[object Object]
String(({x:1,y:2}));//输出的结果也是[object Object]
alert("abc");//输出的结果是abcString("abc");//输出的结果是abc
alert(123);//输出的结果是123String(123);//输出的结果是123
typeof(String(({x:1,y:2}))); //输出结果是string
typeof(String([1,2,3,[4,5,6]])); //输出结果是string
typeof(String("abc")); //输出结果是string
typeof(String(123)); //输出结果是string

요약:

이 내용을 읽은 후, 우리는 Alert()를 사용할 때 먼저 String()이 호출되어 매개변수 메시지가 문자로 변환된다는 것을 분명히 이해합니다. 문자열을 선택한 다음 팝업 대화 상자에 문자열을 표시합니다. 따라서, Alert()에 의해 팝업되는 대화상자에 표시되는 텍스트와 매개변수 메시지가 다른 경우가 있습니다.

관련 권장 사항:

JavaScript에서 경고 스타일을 수정하는 방법 소개

JavaScript에서 Alert() 사용 지침

알림 (자바스크립트에서) 및 console.log()

위 내용은 JavaScript에서 Alert()를 사용할 때 주의할 점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!