关于console.log()与alert()之间的藕断丝连

在最近编写js代码的时候,偶然遇到了这两种输出方式的不同,关于以前从来没有遇到过,这次就打算写下来,给自己一点记录下来,也希望给更多前端小白能够多了解一点,接下来就开始大概说一下。

问题:

1、代码(通俗易懂)

关于console.log()与alert()之间的藕断丝连

 2、测试

关于console.log()与alert()之间的藕断丝连

3、控制台(F12)console   输出:

关于console.log()与alert()之间的藕断丝连

 4、弹窗输出  alert:

关于console.log()与alert()之间的藕断丝连

下面就来给大家分析一下它们之间的区别:

  console.log() 

    1、通过控制台输出            

    2、支持多个变量同时输出

    3、可以输出任意类型的数据

alert()

     1、在页面弹窗显示

     2、不支持多个变量同时输出,只支持第一个变量

     3、只能输出String(字符串) 类型的数据

     4、如果还有别的输出的时候,alert会阻碍别的,当点击确定之后,代码才能继续执行;

分析完了区别, 现在一起看一下我们在什么情况下使用那种输出方式会更有利于我们程序运行:

·    1、由于alert有阻碍的特性,一般会在页面调试的时候用的比较多,但一定要注意,它能输出String类型,且不支持多个输出。

     2、console.log()  使用的范围就比较广,如 多输出  , debug模式...

最后,祝大家在前端道路上,一往无前,归来依旧是少年!!!

上一篇:javascript中的字符串基础与方法


下一篇:xss之常见payload