JS常见异常处理

1. Uncaught TypeError: xxx is not a function

常见原因分析：

1. 首先确保这函数所在的JS内容被引入到了页面
2. 确保在调用该函数时，函数已经被加载了。可以试试在浏览器控制台输入该方法，看能否正常运行
3. 函数名不能和页面中的id名相同。一些浏览器可以通过在js代码中指定ID访问节点元素，然后定义的函数就会被DOM中的元素覆盖了。
   4.对于使用onclick绑定函数事件时，必须确保href写成href="javascript:void(0);"或者href=“javascript:;”

2. Cannot read property 'appendChild' of null

常见原因分析： 一般都是由于获取的节点不存在导致的。
比如，我原本是这样的：

image.png
先加载了JS，导致执行document.body.appendChild时报错：Cannot read property 'appendChild' of null，
然后我改成了这样，先加载DOM，再执行JS，就好了：
image.png

3. main.js:126 Uncaught RangeError: Maximum call stack size exceeded

错误信息的中文意思是：最大堆栈超出了最大值。一般出现这种情况是使用了递归函数。比如我在解析json数据时，递归调用函数，可参数还是原来那个，所以这个递归是永远都不会结束的。

image.png
image.png

这种情况下检查下自己的递归函数就行了。

如有问题，烦请批评指正！
未完待续......