• 技术文章 >web前端 >js教程

    JavaScript中alert()使用的注意事项

    黄舟黄舟2017-11-20 10:49:08原创2360

    我们之前的文章中介绍了JavaScript中alert()的使用,以及修改alert()的样式、相信大家对alert()方法都不陌生,应该也用过它来反映运行中一些值,今天给大家介绍下关于JavaScript中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");//输出的结果是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()将参数message强制转换为字符串,然后将字符串显示在弹出的对话框中。所以alert()弹出的对话框中显示的文本和参数message有时候是不一样的。

    相关推荐:

    JavaScript修改alert样式的方法介绍


    JavaScript中alert()的使用说明


    javascript中alert()与console.log()的区别

    以上就是JavaScript中alert()使用的注意事项的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:JavaScript修改alert样式的方法介绍 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 浅析Angular中的Change Detection机制• 浅析Angular变更检测中的订阅异步事件• 一文聊聊node中的path模块• 一文带你深入了解Node中的Buffer类• Angular中什么是变更检测?什么情况下会引起变更检测?
    1/1

    PHP中文网