console.log 在js、React Native (Rn)中的开关设计

本文主要是介绍console.log 在js、React Native (Rn)中的开关设计，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

为啥会写这个题目呢，也是来自于自己在开发场景转换时遇到一个性能优化点。因为我之前是做Android开发的，当时设计Log开关的时候，是去写一个LogUtils工具类，里面去重写Log类的各个方法，然后里面的关键代码

if (BuildConfig.DEBUG) {//todo
}

因为在写Android代码时，用工具类LogUtils很方便，会自动提示 import，所以编码比较便捷。

---

后面我又加入了React Native的大军的开发，因为在写Rn的时候大多数是用React js的，这个时候如果还用之前Android那套思路来写开关的话，问题是没有的，但是每个页面都去import这就有点受不了。后面了解React Native是有global全局变量的，那么自然想到了下面的代码：

if (!SHOW_LOG) {global.console = {info: () => {},log: () => {},warn: () => {},debug: () => {},error: () => {},};}

思路就是控制变量SHOW_LOG的 true/false来是否重写系统的console对象。

---

再后面我又开始负责写前后端分离的React项目了，那么这时候再去看这个问题，我自然想到html中的window对象，全局变量是 window 对象的属性，全局函数是 window 对象的方法。然后就想到了后面的代码：
//控制log开关

const ISDEBU=true
ISDEBU || (()=>{window.console={info: () => {},log: () => {},warn: () => {},debug: () => {},error: () => {},};
})()

嗯哼，这个小技术点就分享到这里了。

这篇关于console.log 在js、React Native (Rn)中的开关设计的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---