js调试工具console.log()方法查看js代码的执行情况

首页

web前端

js教程

js调试工具console.log()方法查看js代码的执行情况_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:40 PM

调试工具

我之前在调试代码的时候,跟砸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>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

解决Linux系统死机问题的方法Jul 01, 2023 am 10:01 AM

如何解决Linux系统中出现的系统死机问题随着技术的发展，Linux操作系统已经成为很多企业和个人用户的首选。然而，就像其他操作系统一样，Linux系统也可能会遇到系统死机的问题。系统死机不仅会导致数据的丢失，还会影响工作的进行和用户的体验。因此，解决Linux系统中出现的系统死机问题是非常重要的。在本文中，我们将探讨一些解决这个问题的方法和步骤。一、检查硬

PHP开发中如何进行调试及错误处理Jun 27, 2023 pm 02:30 PM

PHP是流行的服务器端语言，用于开发Web应用程序。作为一个程序员，调试和错误处理是无法避免的。在此文章中，我将带您了解PHP开发中如何进行调试及错误处理。开启错误报告在PHP中，默认情况下，错误报告是关闭的。如果我们想要看到PHP代码中的错误，我们需要手动打开错误报告。我们可以使用错误报告函数error_reporting()来开启或关闭PHP错误报告。例

通过php-fpm的调试工具发现性能瓶颈Jul 07, 2023 am 10:50 AM

通过php-fpm的调试工具发现性能瓶颈近年来，PHP作为一门广泛使用的编程语言，越来越受到开发者的青睐。然而，随着项目规模的增大和服务流量的增加，我们很容易遇到性能瓶颈的问题。在这种情况下，我们需要通过一些调试工具来发现和解决这些问题。本文将重点介绍php-fpm的调试工具，帮助我们定位性能瓶颈，并通过实际的代码示例来说明。一、php-fpm简介php-f

Vue3中的调试工具函数：让你更方便的调试Vue3代码Jun 18, 2023 pm 10:40 PM

Vue3是一款流行的JavaScript框架，它由于其易用性和灵活性而受到了众多开发人员的欢迎。而对于开发者来说，调试代码是一项不可或缺的工作，好的调试工具可以帮助我们事半功倍。在Vue3中，我们可以使用一些实用的调试工具函数来更方便地调试代码。本文将介绍Vue3中的一些调试工具函数，帮助你更好地调试你的Vue3代码。$refs在Vue3中，我们可以使用$r

Yii框架中的调试工具：分析和调试应用程序Jun 21, 2023 pm 06:18 PM

在现代的Web应用程序开发中，调试工具是不可或缺的。它们可以帮助开发者查找和解决应用程序的各种问题。Yii框架作为一款流行的Web应用程序框架，自然也提供了一些调试工具。本文将重点介绍Yii框架中的调试工具，并讨论它们如何帮助我们分析和调试应用程序。GiiGii是Yii框架的代码生成器。它可以自动生成Yii应用程序的代码，如模型、控制器和视图等。使用Gii，

如何解决Python的变量未定义错误？Jun 24, 2023 pm 10:12 PM

Python是一种高级编程语言，它的易用性和流行程度使得它成为了众多程序员的首选语言。与其他语言一样，Python也存在一些常见的错误类型，例如变量未定义错误。当我们在Python中使用一个未定义的变量时，程序就会抛出一个名为“NameError”的异常。这种错误通常出现在以下几种情况下：拼写错误：可能是因为变量名拼写错误导致了变量未定义错误，我们需要仔细检

提高Java开发效率的调试工具推荐与建议Nov 22, 2023 pm 05:26 PM

提高Java开发效率的调试工具推荐与建议在Java开发过程中，调试是不可或缺的一部分。良好的调试工具可以大大提高开发效率，帮助开发人员快速定位和解决问题。本文将介绍一些常用的Java调试工具，并提供一些建议，帮助开发人员选择合适的工具并提高调试效率。IntelliJIDEAIntelliJIDEA是一款功能强大的集成开发环境，内置了丰富的调试功能。它支持

如何使用CakePHP中的调试工具？Jun 05, 2023 pm 02:10 PM

CakePHP是一款基于MVC模式开发的PHP开源框架，广受开发者欢迎。随着项目的开发，如何快速定位问题并进行调试变得尤为重要。CakePHP提供了强大的调试工具，开发者可以通过这些工具方便地进行调试和错误诊断。本篇文章将介绍如何在CakePHP中使用调试工具。一、开启Debug模式在调试前，需要将应用程序中的Debug模式开启。Debug模式为CakePH

See all articles