Error -- 常用普遍的函数
今天在公司里看cesium源码,看到一个函数,居然是core里面的,Error,虽然里面代码不多,但是我查了下,用的地方不少,而且看了下源码,感觉不难,今天就说下cesium里面属于是把报错封装了一层,每次有报错的时候,cesium都会有一个自己的显示的报错,看起来贼难看,但是怎么说呢,属于是人家自己的报错界面,我就在想了,如果自己写东西的话,基本都应该要有个这么个东西,比如加密的东西,不想让别人知道,要么就是像element一样,弄个组件,直接封装error弹窗,以后想要输出报错的时候,起码体验会好点现在就看下cesium里面报错怎么写的,因为我看的主要代码是viewer.js 里面的,所以就先把DeveloperError拉出来了:
这是github上的,看起来一大堆,但是实际代码就那么几行,把注释去掉之后就剩这么点了:
就这么30行代码,算是封装了一下,里面一个构造函数把报错封到里面,如果有报错,try-catch就会捕捉到,然后放到构造函数里面去,然后里面他单独写了一个toString方法,我刚刚试了下,如果没有这个方法,输出的就会是[object object] 所以才有了上面toString方法,算是把object的toString重写了下地址:https://github.com/CesiumGS/cesium/blob/master/Source/Core/DeveloperError.js 里面基本上可以认为是把Error封装了一下,然后呢,还加了一个方法,这个方法就让我想到了,如果自己经常使用的报错,就可以这样写,然后到时候直接调用就可以了而且,如果想要弄个自己的ui放进去,也很方便,想要自己搞点事情给老总看,可以console.err一下,这样,老板发现不了,也能发泄下自己的不满? 说到console,我记得console有一大堆,刚刚找了下,:
这都是mdn里的,我只是拉出来,给大家看下,如果想要看具体的,可以看下官网里面,地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Console 这里有所有的console里的方法,基本我们大家常用的就是console.log了,但是我之前看了下百度,人家后台,里面有各种各样的展示,其他大型网站也都有的,而且写法都挺好看的,大家可以去看看,弄起来跟做了一个简易网页一样,所以大家想要研究下这个,可以多多看看,当然,也可以用到我们今天说的这个error方法里面的
好了,今天就说到这里了,大家一起学习,一起来看源码吧,前端和后端差不多,源码都是很珍贵的,看到自己项目里,就是自己的,就是经验,就是钱,所以大家加油吧
发表评论 (审核通过后显示评论):