本文介绍JavaScript中console.log()函数的基本用法。通过该函数，开发者可以方便地打印输出变量、函数、数组及对象等数据，从而有效查看代码的执行情况。相比传统的alert弹窗方式，console.log提供了更灵活且不影响页面交互的调试手段，适用于各类前端开发场景。
JavaScript调试技巧：使用console.log()查看代码执行状态
以往在调试代码时，为了查看JavaScript代码的执行流程，通常会在代码块中使用alert弹窗来显示结果。今天注意到有朋友使用console.log函数来打印输出函数、变量和对象，因此记录一下console.log的具体使用方法，其语法格式如下：
console.log("值为:",fn);console.log()函数支持输出变量、函数、数组以及对象等多种数据类型。
<html>
<head>
<title>this关键字_函数调用</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body>
<input type="text" id="test1" name="firstname" value="" />
<input type="text" id='lastname' name='lastname' value=''>
</body>
<script type="text/javascript">
var testobj =
{
'id': 1,
'content': 'test',
'firstname': function() {
var EleFirst= document.getElementById('test1');
//document.getElementById('firstname').value = "zhang";
//document.getElementById("test1").value = this.content;
//document.getElementById("test1").setAttribute("value","zhang");
//this.content = val;
EleFirst.setAttribute("value",this.content);
console.log("对象的值为：",test1);//对象的值为：<input type="text" id="test1" name="firstname" value="" />
},
'lastname': function() {
document.getElementById('lastname').value = "ying";
}
};
console.log(testobj);/** 打印对像**/
testobj.firstname();
testobj.lastname();
</script>
</html>