1、打开WebStorm开发工具，新建test.html网页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>
2、在head标签内写一个script标签，其中定义一个变量并alert出来，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script> var t = 123 alert(t) </script> <title>Title</title></head><body></body></html>
3、查看效果弹出alert对话框正常，这是代码完全没有问题的情况
4、修改脚本，先alert，在定义变量，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script> alert(t) var t = 123 </script> <title>Title</title></head><body></body></html>
5、查看效果，alert对话框能弹出，但是弹出的是undefined，这是因为 t 变量在下边有出现，但是在alert时 t 的值没有定义，默认是undefined
6、再次修改脚本，先alert一个从来没有出现的变量，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script> alert(x) alert(t) var t = 123 </script> <title>Title</title></head><body></body></html>
7、查看效果，并没有alert对话框，在开发者工具打开console，发现报错，因为x变量自始自终都没有在脚本出现
