接着上一篇js中console使用1，本片继续介绍js中console的用法

测试代码如下：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

         "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

     <meta charset="UTF-8">

     <title>Console</title>

     <script type="text/javascript">

      window.onload=_pageLoaded;

      /**

       * 页面加载完毕后执行的函数

       * @private

       */

      function _pageLoaded() {

        var num=5;

        var result = factorial(num);

        console.info("%d的阶乘为：%d",num,result);

        //1.堆内存使用情况

        console.info('当前内存信息为：%o',console.memory);

        //3.断言(如果表达式或变量结果为false，则显示错误消息)

        var a = 4;

        console.assert(a==5,"a不等于5");

        if(a!=5){

           console.error("a不等于5");

        }

        //4.清除控制台中消息

        console.clear();

        console.info('已清除控制台中消息！');

        //5.将对象或数组以表格的形式打印出来

        var arr0 = ["张泰松","李超军","李鹏鹏"];

        var arr1 = [["张","泰松"],["李","超军"],["李","鹏鹏"]];

        var obj  = {name:'张泰松',age:'28',address:'杭州市西湖区'};

        var objArr = [{name:'张泰松',age:'28',address:'杭州市西湖区'},{name:'李超军',age:'30',address:'杭州市滨江区'}];

        console.table(arr0);

        console.table(arr1);

        console.table(obj);

        console.table(objArr);

        var complexObj = {};

        complexObj['first' ] = {name:'张泰松',age:'28',address:'杭州市西湖区'};

        complexObj['second'] = {name:'李超军',age:'30',address:'杭州市滨江区'};

        complexObj['third' ] = {name:'段亚飞',age:'29',address:'北京市昌平区'};

        console.table(complexObj);

        console.table(objArr,['name','age']);

        var obj = {name:'pine',age:27};

        console.info(Object.keys(obj));

        console.info(Object.values(obj));

      }

      /**

       * 计算阶乘

       */

      function factorial(num){

        //2.对函数或代码执行次数进行计数(显示函数或代码执行次数)

        console.count('执行次数');

        if(num==1){

          return 1;

        }

        return num*factorial(num-1);

      }

     </script>

 </head>

 <body>

     <table id="table1">

         <tr>

             <td>1</td><td>2</td>

         </tr>

         <tr>

             <td>3</td><td>4</td>

         </tr>

     </table>

 </body>

 </html>

js中console使用2的更多相关文章

  1. js中console使用1

    js中console主要用于debug时使用 测试代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ...

  2. js中console强大之处体现在哪

    js中console强大之处体现在哪 一.总结 一句话总结:在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对conso ...

  3. js中console在一行内打印字符串和对象

    在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger. 在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面 ...

  4. js中console.info的使用

    语法:console.info(obj1 [, obj2, ..., objN]);console.info(msg [, subst1, ..., substN]); 参数obj1 ... objN ...

  5. JS中EventLoop、宏任务与微任务的个人理解

    为什么要EventLoop? JS 作为浏览器脚本语言,为了避免复杂的同步问题(例如用户操作事件以及操作DOM),这就决定了被设计成单线程语言,而且也将会一直保持是单线程的.而在单线程中若是遇到了耗时 ...

  6. 分享一个自定义的 console 类，让你不再纠结JS中的调试代码的兼容

    问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log.console.info.console.group.console.warn.console.error代码来查看JS ...

  7. 关于js中的this

    关于js中的this this是javascript中一个很特别的关键字,也是一种很复杂的机制,学习this的第一步就是要明白this既不指向函数自身也不指向函数的词法作用域,this实际上是函数被调 ...

  8. 在node.js中，使用基于ORM架构的Sequelize，操作mysql数据库之增删改查

    Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...

  9. 关于js中this关键字的补充

    前面: 前面虽然综合了网络上不少大牛的心得,但感觉还是意犹未尽,为了彻底搞清楚js中this的相关知识,决定再写一篇.个人觉得,在技术上,除非钻到细枝末节,否则很难达至非常高的水平. 补充1: 无法重 ...

随机推荐

  1. 最近面试 Java 后端开发的感受！

    阅读本文大概需要 4.3 分钟. 首发:cnblogs.com/JavaArchitect/p/10011253.html 上周,密集面试了若干位Java后端候选人,工作经验在3到5年间.我的标准其实 ...

  2. 【转载】Docker+Kubernetes 干货文章精选

    主要涉及到以下关键字: K8S.Docker.微服务.安装.教程.网络.日志.存储.安全.工具.CI/CD.分布式.实践.架构等: 以下盘点2018年一些精选优质文章! 漫画形式: 漫画:小黄人学 S ...

  3. H5单张、多张图片保存续篇

    前言 这篇是接上篇内容.还没看的可以看H5单张.多张图片上传这篇文章预热. 图片入库 本章我们就来看看如何让多种图片保存至数据库中.数据库:mysql   后端:.NET Core 我们回顾一下上篇我 ...

  4. .NETCore 下支持分表分库、读写分离的通用 Repository

    首先声明这篇文章不是标题党,我说的这个类库是 FreeSql.Repository,它作为扩展库现实了通用仓储层功能,接口规范参考 abp vnext 定义,实现了基础的仓储层(CURD). 安装 d ...

  5. 你真的了解字典(Dictionary)吗?

    从一道亲身经历的面试题说起 半年前,我参加我现在所在公司的面试,面试官给了一道题,说有一个Y形的链表,知道起始节点,找出交叉节点. 为了便于描述,我把上面的那条线路称为线路1,下面的称为线路2. 思路 ...

  6. [翻译 EF Core in Action 1.10] 应该在项目中使用EF Core吗?

    Entity Framework Core in Action Entityframework Core in action是 Jon P smith 所著的关于Entityframework Cor ...

  7. Python爬虫入门教程 38-100 教育部高校名单数据爬虫 scrapy

    爬前叨叨 今天要爬取一下正规大学名单,这些名单是教育部公布具有招生资格的高校名单,除了这些学校以外,其他招生的单位,其所招学生的学籍.发放的毕业证书国家均不予承认,也就是俗称的野鸡大学! 网址是 ht ...

  8. 什么是CSS

    CSS是Cascading Style Sheet的缩写.译作”层叠样式表单“.是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.使用CSS样式可以控制许多仅使用HTML无法控 ...

  9. Center a website:网页居中

    inside the <body> tags, using a "wrapper" div to control the whole section. HTML: &l ...

  10. AI2(App Inventor 2)离线版服务器单机版

    注意:每次退出前导出自己的项目到本地做备份. 单机版特点: 1.同步官方最新版本,没有对java源代码进行修改,仅修改war\login.jsp及\war\WEB-INF\appengine-web. ...