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

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

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

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

##运用console.log();寻找代码错误(实例)_第1张图片 当我艰难的打出以下代码时

##运用console.log();寻找代码错误(实例)_第2张图片
发现并不能像菜鸟教程上的小灯泡那样,通过点击灯泡进行灯泡的开关


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

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

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

后发现abc后面的汉字变成了编码的形式,而if语句中检索的是中文。所以程序发生错误。##运用console.log();寻找代码错误(实例)_第7张图片

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

##运用console.log();寻找代码错误(实例)_第8张图片

当使用代码中使用汉字时,浏览器会自动给汉字转码。

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

##运用console.log();寻找代码错误(实例)_第9张图片
现在是2019/12/2 21:02 Over!

你可能感兴趣的:(笔记)