javaScript中使用alert()的一些注意事项

古城微笑少年丶 2022-09-29 12:56 242阅读 0赞

大家应该对alert()方法都不陌生，应该也用过它来反映运行中一些值。

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。  
语法：`alert(message)`  
message表示要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）。

alert()是一种破坏性的方法，执行的时候弹出弹窗之后的代码就不会执行。

alert()还有一个缺点就是会将参数message转换为字符串。  
如果我们在使用的时候确定参数message本来就是一个字符串的时候就可以放心使用，但是如果不是的话就要当心了，如下几段代码：

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

像这种情况还好，最起码我们是知道参数是一个数组，内容是1,2,3，但是下面这种情况就比较糟糕了：

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

根据弹出对话框中显示的我们完全无法判断出参数是一个数组中嵌套一个数组，这个输出的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

那使用alert()的时候，是不是会将参数message首先调用String()方法将message转换为字符串呢？

我们接着往下看：

alert({x:1,y:2});//输出的结果是[object Object]
    String(({x:1,y:2}));//输出的结果也是[object Object]
    alert("abc");//输出的结果是abc
    String("abc");//输出的结果是abc
    alert(123);//输出的结果是123
    String(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()将参数message强制转换为字符串，然后将字符串显示在弹出的对话框中。

所以alert()弹出的对话框中显示的文本和参数message有时候是不一样的。

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 for循环的一些注意事项

首先需要明确for循环的各个参数 for（表达式1;表达式2;表达式3） { 循环语句; } 表达式1 是初始化部分，用

系统管理员/ 2024年03月23日 10:33/ 0 赞/ 40 阅读

相关实际中使用Javascript中sessionStorage的注意事项

平常时候使用sessionStorage，只是相当于把他当做临时的缓存，当用户在页面间跳转的时候可以共享数据。但如果细细分析，sessionStorage还是有一些注意事项

比眉伴天荒/ 2022年12月28日 12:53/ 0 赞/ 155 阅读

相关使用 Typescript 的一些注意事项

背景 ts 用了一年了，回顾起来，也没有那么顺利。趁这两天春节假期有时间，整理了几个自己觉得需要注意的情况，复盘一下。我上学时学过 java 和 C\ ，毕业后又做了

末蓝、/ 2022年11月03日 15:27/ 0 赞/ 281 阅读

相关 javaScript中使用alert()的一些注意事项

大家应该对alert()方法都不陌生，应该也用过它来反映运行中一些值。 alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。语法：`alert(me

古城微笑少年丶/ 2022年09月29日 12:56/ 0 赞/ 243 阅读

相关 redis安装过程中一些注意事项

一、首先去官网找到redis下载链接，然后切换到你存储安装包的路径，输入如下命令 wget redis下载链接二、下载完成后，解压 tar -zxvf redis

朱雀/ 2022年08月04日 01:48/ 0 赞/ 181 阅读

相关 jQuery使用中的一些注意事项（一）

首先，相对于盒模型来说，大家应该都很熟悉，jQuery中也有一些计算偏移量的，比如.position()和.offset()。先看一下官网对这两个的定义： .posi

迈不过友情╰/ 2022年07月15日 15:10/ 0 赞/ 181 阅读

相关 springmvc中@RequestBody使用的一些注意事项

众所周知，springmvc中@RequestBody的注解是一个很实用的功能，它能帮我们解析客户端（移动设备、浏览器等）发送过来的json数据，并封装到实体类中。但我今天

川长思鸟来/ 2022年05月22日 08:19/ 0 赞/ 270 阅读

相关 Redis使用时的一些注意事项

1、hscan(byte\[\] key, byte\[\] cursor, ScanParams params) 在使用hscan(byte\[\] key, byte\[

亦凉/ 2022年05月18日 10:40/ 0 赞/ 294 阅读

相关 JavaScript中const,var,let使用注意的事项

JavaScript中const,var,let区别 JavaScript中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修改，而

小咪咪/ 2022年03月18日 11:22/ 0 赞/ 281 阅读

相关 hive 分区表使用的一些注意事项

hive 外表数据读取： 1、hive非分区普通表： 1）建立外表： CREATE EXTERNAL TABLE `test_liu`(

青旅半醒/ 2021年06月24日 15:57/ 0 赞/ 576 阅读