##运用console.log();寻找代码错误(实例)

运用console.log();寻找代码错误实例

前言:当程序发生未知错误时,可以在程序不同位置中加入console.log();向服务器传输数据,通过控制台可以看到程序运行到何处,若发现程序在某个位置运行中断时,可以在此位置寻找错误,若程序能够完全运行时,则需再次检查代码,查看是否出现知识型错误。

故事从这里开始进行~
11.2
在一个瞌睡的下午,我重学js知识,我看见了菜鸟教程的小灯泡js,觉得很好玩,于是我想要自己试试(上次学的时候没看懂,就直接过了),

菜鸟教程中的小灯泡效果 当我艰难的打出以下代码时

我的代码
发现并不能像菜鸟教程上的小灯泡那样,通过点击灯泡进行灯泡的开关

在这里插入图片描述
当小蓝人图片跳转到儿童运动场图片时,再点击却跳转不会小蓝人页面了,这和小灯泡的效果不一样。只能刷新页面才能回到第一个图片
我反复的核对代码,发现并无错误。

于是我请教了某知名前端制作人周大佬,
不仅解决了当前问题,而且学会了如何自己通过Console.log() 向服务器传输数据的方法,自己找到问题所在。
一、小灯泡问题的解决过程。
1在这里插入图片描述
2、在这里插入图片描述
3、在这里插入图片描述
4、在这里插入图片描述
通过调试,发现代码能够运行到最后一段。

-----------------------------------------这是一个神奇的分割线------------------------------------

后发现abc后面的汉字变成了编码的形式,而if语句中检索的是中文。所以程序发生错误。在这里插入图片描述

当把检索的汉字换成字母时,程序正常运行。

在这里插入图片描述
在这里插入图片描述
当使用代码中使用汉字时,浏览器会自动给汉字转码。

当我们不知道这个机制时,程序的运行就可能会发生错误。所以我们要尽量避免使用汉字命名。
————————————--------------———————————————————
这个判断运行程序运行到何处的方法,似曾相识…
在学习java时请教某后端知名制作人孙大佬,当他在找java代码运行到何处时,在代码不同位置中用System.out.print(“xxx”);来判断代码在何处中断

在这里插入图片描述
现在是2019/12/2 21:02 Over!

扫描二维码关注公众号,回复: 9369162 查看本文章
发布了10 篇原创文章 · 获赞 20 · 访问量 977

猜你喜欢

转载自blog.csdn.net/weixin_45834446/article/details/103356191