酸爽的console.log

bee1314

于 2014-07-17 09:25:07 发布

阅读量173

点赞数

分类专栏： Think Web前端

本文链接：https://blog.youkuaiyun.com/pc_mvp/article/details/84615463

版权

Web前端同时被 2 个专栏收录

18 篇文章

订阅专栏

Think

13 篇文章

订阅专栏

本文介绍了一种在前端开发中封装console.log的方法，以便于在不同开发阶段灵活控制日志输出，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。

/**
 * log.js hufeng
 * The safe wrapper for `console.xxx` functions
 *  log("message") ==> console.log("message")
 *  log("message", "warn") ==> console.warn("message")
 */

//cache current location hash, when the module loading
//only fetch hash one time.
var isDebug = parent.window.location.hash === '#debug';

module.exports = function() {	
  window.console &&
  // Do NOT print `log(msg)` in non-debug mode
  isDebug &&
  // Call native method of console
  // if not pass 'console' as first argument, 
  // chrome error!
  console.log.apply(console, arguments);
}

在使用console.log.apply调用的时候，上下文如果不传console,在chrome中会报错，囧。