灵活使用console让 js调试更简单

assert() 与 log() 是沟通的函数，assert()是对输入的表达式举办断言，只有表达式为false时，才输出响应的信息到节制台，示譬喻下：

var arr = [1, 2, 3];  
console.assert(arr.length === 4); 

偶然我们必要更伟大的前提句。譬喻，我们已经看到了用户 WAL0412 的数据题目，并但愿仅表现来自这些数据的事宜，这是直观的办理方案。

console.assert(tx.buyer === 'WAL0412', tx); 

这看起来不错，但行不通。记着，前提必需为false，断言才会执行，变动如下：

console.assert(tx.buyer !== 'WAL0412', tx); 

与个中一些相同，console.assert() 并不老是出格有效。但在特定的环境下，它也许是一个优雅的办理方案。

console.count()

另一个具有非凡用途的计数器，count只是作为一个计数器，可能作为一个定名计数器，可以统计代码被执行的次数。

for(let i = 0; i < 10000; i++) {  
  if(i % 2) {  
    console.count('odds');  
  }  
  if(!(i % 5)) {  
    console.count('multiplesOfFive');  
  }  
  if(isPrime(i)) {  
    console.count('prime');  
  }  
} 

这不是有效的代码，并且有点抽象。这边也不规划演示 isPrime 函数，假设它是创立的。

执行后我们会获得一个列表：

odds: 1  
odds: 2  
prime: 1  
odds: 3  
multiplesOfFive: 1  
prime: 2  
odds: 4  
prime: 3  
odds: 5  
multiplesOfFive: 2  
... 

尚有一个相干的 console.countReset()，可以行使它重置计数器。

console.trace()

trace() 在简朴的数据中很难演示。当您试图在类或库中找出是哪个现实挪用者导致了这个题目时，它的上风就展现出来了。

譬喻，也许有 12 个差异的组件挪用一个处事，可是个中一个组件没有正确地配置依靠项。

export default class CupcakeService {   
  constructor(dataLib) {  
    this.dataLib = dataLib;  
    if(typeof dataLib !== 'object') {  
      console.log(dataLib);  
      console.trace();  
    }  
  }  
  ...  
} 

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!