js调试工具console.log()方法查看js代码的执行情况
我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用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>
-
本文介绍在WeX5中如何调试js代码 目录 1、调试js代码 1.1、调试自己写的代码 1.2、调试系统的代码 1.3、chrome浏览器开发者工具的使用 1、调试js代码 在js代码中加入debugger;，在打开chrome浏览器的开发者工具的情况下，执行到这个debugger;代码，浏览器就会停下来，此时，就进入调试了，可以单步执行，可以查看变量值，可以查看调用堆栈。 1.1、 调试自己
-
本文介绍在WeX5中如何调试js代码 目录 1、调试js代码 1.1、调试自己写的代码 1.2、调试系统的代码 1.3、chrome浏览器开发者工具的使用 1、调试js代码 在js代码中加入debugger;，在打开chrome浏览器的开发者工具的情况下，执行到这个debugger;代码，浏览器就会停下来，此时，就进入调试了，可以单步执行，可以查看变量值，可以查看调用堆栈。 1.1、 调试自己
-
本文向大家介绍原生JS实现DOM加载完成马上执行JS代码的方法，包括了原生JS实现DOM加载完成马上执行JS代码的方法的使用技巧和注意事项，需要的朋友参考一下 用原生JS我们经常使用window.onload事件来加载页面。但是window.onload是在页面元素都加载完毕后才执行，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。所以有时我们需要在DOM载入时马上执行一些函数。jQue
-
本文向大家介绍JS中捕获console.log()输出的方法，包括了JS中捕获console.log()输出的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS中捕获console.log()输出的方法。分享给大家供大家参考。具体分析如下： 我们知道console.log()可以将信息输出到debugger中供开发者查看。但如果我们想要在JS中获取console.log()的输出结果
-
本文向大家介绍ReactNative-JS 调用原生方法实例代码，包括了ReactNative-JS 调用原生方法实例代码的使用技巧和注意事项，需要的朋友参考一下 第一步首先创建ReactNative 模块类继承ReactContextBaseJavaModule 第二步创建一个React包管理器实现ReactPackage将每个模块放到模块集合中 第三步在应用入口注册这个React包管理器 第四
-
打印结果： 打印走到了else中，输出了123。但是没有走trycatch代码？不知道是什么原因？