使用console.log这个函数对于前端的调试非常好用，但是它的使用要依赖于浏览器，我们可以利用这个函数来测试我们的数据是数组，，字符串，对象还是其它类型数据，这样极大方便了我们的调试
以下是我的测试例子
<html><head><script>function test(){var username = document.getElementsByName("username");console.log(username);var username1 = document.getElementsByName("username")[0].value;console.log(username1);var username2 = document.getElementsByName("username")[1].value;console.log(username2);var username3 = document.getElementsByName("username").value;console.log(username3);}</script></head><body><input type="text" name="username"><br><input type="text" name="username"><input type="button" onclick="test()"><body></html>然后我们用浏览器进行访问，出现如下结果
我们任意输入数据，我这里输入了 1312和1w12w，按一下键盘的F12调出浏览器开发者工具，点击按钮测试
出现如下结果
这时我们可以在控制台看到我们数据的结构，第一行是一个对象列表，就是数组，数组的每个元素是一个input
二三行则是input里的数据
第三行是我故意这样测试，这样可以看出错误
所以利用这个函数是非常方便的，便于我们分析前端的数据
一定要成为你工作最大的资产。
