当前位置:   article > 正文

来点基础的吧,JavaScript、JSP怎么打印输出,方便调试_js打印输出

js打印输出

这个对初学者肯定有用,自己写了代码,想看看对不对,想打印到页面上看看,都有哪些地方需要打印用哪些方法呢?

一、JavaScript的打印输出

1、console.log()

console.log()是JavaScript中最常用的打印值方法之一。它将指定的值打印到浏览器的控制台。这对于开发人员来说非常有用,因为它可以帮助我们查看变量的值以及程序中的错误。

  1. <script type="text/javascript">
  2. let name="James";
  3. let age=40;
  4. console.log(name + age);
  5. </script>

这个是在浏览器的控制台输出,如下所示:

2、alert()

 它会在浏览器中弹出一个对话框,显示指定的值。这对于在调试过程中查看变量值非常有用,特别是在代码无法访问控制台的情况下

  1. <script type="text/javascript">
  2. let name="James";
  3. let age=40;
  4. alert(name + age);
  5. </script>

运行结果如下:

3、document.write()

document.write()方法将指定的值写入到HTML文档中。这对于快速测试和调试JavaScript代码非常有用。Document对象是JavaScript中代表整个HTML或XML文档的根节点,它是浏览器中内置的一个对象。

  1. <script type="text/javascript">
  2. let name="James";
  3. let age=40;
  4. document.write(name + age);
  5. </script>

运行结果如下所示:

4、debugger

debugger是JavaScript中一个强大的调试工具,可以让你在代码中设置断点,并逐步执行代码。在断点处,你可以查看变量的值以及程序的执行情况。

  1. <script type="text/javascript">
  2. let name="James";
  3. let age=40;
  4. debugger;
  5. document.write(name + ":" + age);
  6. </script>

5、JSON.stringify()

JSON.stringify()方法将JavaScript对象转换为一个JSON字符串。这对于查看对象的内容非常有用,尤其是嵌套对象或数组的情况。

  1. <script type="text/javascript">
  2. let person = {
  3. name: "James",
  4. age: 40,
  5. address: {
  6. street: "123 Main St",
  7. city: "New York"
  8. }
  9. };
  10. console.log(JSON.stringify(person));
  11. </script>

二、JSP中的打印输出

1、控制台(后台)输出

这个是指在tomcat控制台,在后端输出,在部署后是tomcat的控制台输出的信息,在调试的时候是在IDE的控制台输出的信息。如下:

这个时候用的是System.out.print()/println();

2、客户端(前台)输出

在这需要注意的就是两个方法,out.print/println和System.out.print/println,的区别。

System.out.println()用的是标准输出流,这个是输出在控制台上的,而JSP不是控制台程序。不管是在JSP还是在JAVA程序中,System.out.println()都是打印在控制台上。
out.println()中,out是response的实例,是以response为对象进行流输出的,即将内容输出到客户端

前面的文章提到jsp的9大内置对象就有out,out对象是jsp的内置对象,所以可以直接使用。
system.out.print是在java代码中实现,输出在控制台。
out.print是在jsp代码中实现,输出在页面,out其实是PrintWrite类的实例。

除了out.print()/println()以外,JSP中要想在前端页面打印显示输出,还有如下几种方法:

假设我们在jsp中定义了具备变量name,<%String name=“James”;%>,那么我们可以通过下面的方法输出到页面上。

<%=name%>

<%out.write(name);%>

<%response.getWriter().write(name);%>

2.1、JSP out.print()和out.write()的区别

JSP中out.print()和out.write()方法都属于抽象类Writer的抽象子类JspWriter的方法;其中out.print()方法属于抽象子类JspWriter中的方法,而out.write()是父类Writer的方法.

区别:

1. print方法是子类JspWriter,write是Writer类中定义的方法;

2. 重载的print方法可将各种类型的数据转换成字符串的形式输出,而重载的write方法只能输出字符、字符数组和字符串等与字符相关的数据;

3. JspWriter类型的out对象使用print方法和write方法都可以输出字符串,但是,如果字符串对象的值为null时,print方法将输出内容为“null”的字符串,而write方法则是抛出NullPointerException异常。

2.2、out.print()和后台response.getWriter().print()

① 这两个对象的类型是完全不同的
内置对象out的类型是JspWriter;response.getWrite()返回的类型是PrintWriter。
② 获取方式不同
JspWriter是JSP的内置对象,直接使用即可,对象名out是保留字,也只能通过out来调用其相关方法。此外还可以通过内置对象pageContext.getOut();获得。PrintWriter则是在用的时候需要通过内置对象response.getWriter()获得。
③ JspWriter的print()方法会抛出IOException而PrintWriter则不会。
④ JspWriter和PrintWriter都继承自Java.io.Writer,但JspWriter是抽象类,而PrintWriter不是抽象类。

三、总结

列了这么多方法,其实就是为了在调试的时候方便,稍微总结一下就是你想看你写的程序的变量执行时的值是多少,那么可以先分清楚是前端还是后端的,是java、jsp还是javascript,如果javascript那就用我们一中列的哪些方法查看就完了,如果是java或者jsp的,那就看是想在前面看还是在后面看,如果是在前台看就用我们2中列的前台看的方法,如果是要在控制台看就用system.out.print/println来打印输出查看。

参考资料:

https://blog.51cto.com/u_16175451/6659217

https://www.cnblogs.com/chendezhen/p/9173222.html

https://blog.csdn.net/qq_51965854/article/details/119112150

http://www.51gjie.com/javaweb/821.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/人工智能uu/article/detail/760450
推荐阅读
相关标签
  

闽ICP备14008679号