比较菜鸟的javascript debug方法

如何调试 js代码

---

问题

之前学web课的时候刚刚学js，因为js不像别的好多语言直接在编译器里面就可以run和debug
而且有的lab作业被要求截图展示代码运行结果
所以分享几个学到了的debug的办法

---

1. 简单（有点傻）的方法

• 直接用console.log或者window.alert()输出自己想要的变量
  确实不是很好使，效率也挺低下的，建议结合别的方法一起用，有事办功倍的效果。

  • window.alert() ，在你点掉确认之前程序会处于暂停的状态，但如果要查看多个数据的话就得点好多下
  • console.log()不会中断程序，可以一次输出比较多内容
    

^以防万一 如果你不知道console.log在哪看的话(在网页上右键，选择检查元素，选择控制台/console)

• 写一个空壳html，加上<script>元素

---

2. 用浏览器debug

和前面说的看操作台一样，右键检查元素，然后选择“来源”（或者source），其实就是查看网页的源文件（source file）。

^safari 查看source

^chrome查看source
然后就可以和别的编程语言一样设置断点去debug了（有时需要设置完刷新网页）

---

3. node.js

   首先下载一个node.js

   1. 编译器里（这里用的phpstorm）
      下载之后就可以直接在编译器里面使用这个debug了
      
      
   2. 命令行使用
      在命令行里面输入

   node js的文件路径