js 新写法(1)
月光宝盒让我们回到 2003 看一下,那时候电脑还没有普及,我还没有自己的个人电脑。
![](https://img.haomeiwen.com/i8207483/3337bd3f87fd37bf.jpg)
参加工作几年后,我终于有了自己第一台电脑,当时还只是看看电影和打打模拟器游戏。最多也就是学习学习 CAD 制图,因为自己是机械出身吗。那时的电脑应该和图中样式差不多,安装 windowMe 很容易崩溃,然后就是几个小时漫长重装系统。
![](https://img.haomeiwen.com/i8207483/46415a5af3199c0d.jpg)
转眼间来到了 2015 年,我写出自己的第一行代码,那时候可能是因为生活所迫吧,也是没有别的选择,我正面临人生的转型,当时正逢 web 应用蓬勃发展,所以也是缺人之际,我经过几次转型,动画呀,游戏原画的碰壁后。决定下一番苦工进入 program 这个行业,停下来用了 3 月时间自学了 php 。一切准备好了就开始出山。结果出山却成为了一名 java developer,侧重 web 前段开发。从那时才开始正式接触到 javascript。
![](https://img.haomeiwen.com/i8207483/7c93e8fcd9328e3d.jpg)
![](https://img.haomeiwen.com/i8207483/be902f68bedc2bb7.jpg)
不过也是赶上了 javascript 蓬勃发展的好时候,接着 javascript 势头自己也提升了自己。完成了自己的目标。
![](https://img.haomeiwen.com/i8207483/3de2cb1691c0ff12.jpg)
感慨了一下,也给大家一些信心,只要努力什么都可以做到。我们先看一看 console.log
![](https://img.haomeiwen.com/i8207483/0810e5ccc20b61fb.jpg)
下面是我们定义了三个对象,然后用 console.log 打印输出这些对象。
![](https://img.haomeiwen.com/i8207483/1d2566700467f0f0.jpg)
通常我们都是这么做的,其实打印
![](https://img.haomeiwen.com/i8207483/bafbec5d591d1a0e.jpg)
这样做的打印出来就是 Object ,这样我们并不知道打印出来的具体是哪一个 Object,因为列出来都是 Object。
![](https://img.haomeiwen.com/i8207483/78ca5256f3398d9a.jpg)
我们可以换一种方式,如下图方式来打印对象。
![](https://img.haomeiwen.com/i8207483/e71a90528ae51da3.jpg)
这样我们console 输出内容就可以知道我们具体打印是哪一个 Object。
![](https://img.haomeiwen.com/i8207483/e07f1742b7d2e227.jpg)
我们输出的 log 的格式,字体颜色和样式。
![](https://img.haomeiwen.com/i8207483/f3f4d8da92608a05.jpg)
![](https://img.haomeiwen.com/i8207483/23ae6dc6bc3abdfd.jpg)
![](https://img.haomeiwen.com/i8207483/52089b032a7f7225.jpg)
console.table 为我们提供表格方式来输出对象,这样做好处我们可以一目了然一些列表。
![](https://img.haomeiwen.com/i8207483/0411a3575a6b5ffd.jpg)
![](https://img.haomeiwen.com/i8207483/d6f0a5259b8a9972.jpg)
console.time 方法让我们可以输出一段代码执行的耗时情况来检查我们的应用的性能。
![](https://img.haomeiwen.com/i8207483/5236b00f95daf216.jpg)
![](https://img.haomeiwen.com/i8207483/7bc6739ca223e757.jpg)
![](https://img.haomeiwen.com/i8207483/977530f21244c1cd.jpg)
console.trace 可以追踪到我们方法被调用情况。
![](https://img.haomeiwen.com/i8207483/1617e469b11330bf.jpg)
![](https://img.haomeiwen.com/i8207483/fd5f021c92696552.jpg)