你不知道的 console 命令 #4741

Pomelo1213 · 2018-11-18T03:49:18Z

不局限于 console.log()

译文翻译完成，resolve #4717

不局限于 console.log()

leviding · 2018-11-18T05:08:33Z

@Pomelo1213 文章标题能不能根据文章内容扩充下呢

Pomelo1213 · 2018-11-18T05:54:35Z

@Pomelo1213 文章标题能不能根据文章内容扩充下呢
重新修改一下标题是吗

leviding · 2018-11-18T06:58:56Z

校对者校对的时候，看一下是否能提供更好的标题。例如除了 console.log，我们还可以怎么调试 JavaScript

rico-c · 2018-11-18T08:45:01Z

@leviding 校对认领

fanyijihua · 2018-11-18T08:45:02Z

@RicardoCao-Biker 好的呢 🍺

rico-c

@leviding @Pomelo1213 校对完成

rico-c · 2018-11-18T09:13:27Z

TODO1/beyond-console-log.md


-# Beyond console.log()
+# 不局限于 console.log()


不局限于 console.log() => 你不知道的 console 命令

rico-c · 2018-11-18T09:18:59Z

TODO1/beyond-console-log.md


-## There is more to debugging JavaScript than console.log to output values. It might seem obvious I’m going to pimp the debugger, but actually no.
+## 相比使用 console.log 去输出值，我们有更多的方式去调试 JavaScript 。看似我要去闲扯调试器，实则不然。


「看似我要去闲扯调试器，实则不然。」 => 「你以为我要聊调试器么？不不不你想错了。」

rico-c · 2018-11-18T09:21:05Z

TODO1/beyond-console-log.md


 ![](https://cdn-images-1.medium.com/max/2000/1*uUhNZZObj6zD9_qxrDTD9w.jpeg)

-It seems like it’s cool to tell people doing JavaScript that they should be using the browser’s debugger, and there’s certainly a time and a place for that. But a lot of the time you just want to see whether a particular bit of code executes or what a variable is, **without** disappearing into the RxJS codebase or the bowels of a Promise library.
+告诉写 JavaScript 的人应该使用浏览器的调试器，这看来很不错，并且肯定有其适用的时间和场合。但是大多数时候你仅仅只想查看一段特定的代码是否执行或者一个变量的值是什么，而不是迷失在 RxJS 代码库或者一个 Promise 库的深处。


「应该使用浏览器的调试器」 =>「应该使用浏览器的调试器去调试代码」

rico-c · 2018-11-18T09:25:11Z

TODO1/beyond-console-log.md


-More than that, there’s another format: `console.log(msg, values)`. This works a lot like something like `sprintf` in C or PHP.
+不止那些，这儿还有另一种格式：`console.lo(msg, values)`。这个执行方式和 C 或者 PHP 的`sprintf`很相似。


console.lo 少打了字母

rico-c · 2018-11-18T09:27:34Z

TODO1/beyond-console-log.md


 ### console.log()

-There is a surprising amount of functionality in good old console.log that people don’t expect. While most people use it as `console.log(object)`, you can also do `console.log(object, otherObject, string)` and it will log them all out neatly. Occasionally handy.
+标准的 console.log 有着惊人数量的函数特性，这些是人们没有预料到的。尽管多数人将它作为 `console.log(object)` 使用，但你仍然能写 `console.log(object, otherObject, string)` 并且它会将所有东西都整齐的打印出来。有时候确实很方便。


「标准的 console.log 有着惊人数量的函数特性，这些是人们没有预料到的」 =》「人们不知道 console.log 其实有丰富的函数特性」

@RicardoCao-Biker 这里的good old 不做翻译吗

@Pomelo1213 「很多人不知道经典的 console.log 其实有着丰富的函数特性」

rico-c · 2018-11-18T09:38:30Z

TODO1/beyond-console-log.md


-The output from `console.table(data)` though, is a lot more helpful.
+然而更有用的是 `console.table(data)` 的输出。


「然而更有用的是 console.table(data) 的输出」 =》「而 console.table(data) 的输出则对我们更为有帮助」

rico-c · 2018-11-18T09:39:39Z

TODO1/beyond-console-log.md


 ![](https://cdn-images-1.medium.com/max/800/1*wr2e5dAr_K5ilwMsYMetgw.png)

-The optional second argument is the list of columns you want. Obviously defaults to all columns, but we can also do this.
+第二个参数选项是你想要显示列表的某列。默认是整个列表，但是我们也能这样做。


「第二个参数选项」 =》「第二个可选参数」

rico-c · 2018-11-18T09:51:33Z

TODO1/beyond-console-log.md


-Sometimes we want more complex conditionals. For example, we’ve seen issues with the data for user `WAL0412` and want to display out only transactions from them. This is the intuitive solution.
+有时我们想要更加复杂的场景。举个例子，我们看到了关于用户 `WAL0412` 的数据问题并且想要只展示来自它们的事务。这是直接的解答方式。


「这是直接的解答方式。」 =》「这将会是一个使用非常简便的方案」

rico-c · 2018-11-18T09:54:09Z

TODO1/beyond-console-log.md


-Like a few of these, `console.assert()` isn’t always particularly useful. But it can be an elegant solution in specific cases.
+诸如此类，`console.assert()` 并不总是特别的有用。但是在特定的场景下会是最优雅的的解决方法。


「并不总是特别的有用」 =》「并不是一直都很管用」

rico-c · 2018-11-18T09:56:47Z

TODO1/beyond-console-log.md


 ### console.count()

-Another one with a niche use, count simply acts as a counter, optionally as a named counter.
+Count 仅仅作为一个计数器，另一个小众 的用法是，还可选的命名这个计数器。


「Count 仅仅作为一个计数器，另一个小众的用法是，还可选的命名这个计数器。」=》「另外一个合适的用法是，将console作为一个计数器使用」

@RicardoCao-Biker 这里我觉得不太对

CoderMing · 2018-11-20T02:10:18Z

校对认领

fanyijihua · 2018-11-20T02:10:19Z

@CoderMing 妥妥哒 🍻

CoderMing · 2018-11-20T03:07:56Z

TODO1/beyond-console-log.md


-Nevertheless, while `console.log` has its place, a lot of people don’t realise that the `console` itself has a lot of options beyond the basic `log`. Appropriate use of these functions can make debugging easier, faster, and more intuitive.
+然而，尽管 `console.log` 有其适用的场合，大多数人仍然没有意识到`console`本身除了基础 `log` 还有许多选择。合理使用这些方法能让调试更简单，更快速，并且更加直观。


大多数人仍然没有意识到console本身除了基础 log 还有许多选择。 => 但大多数人仍然没有意识到console本身除了基础 log 方法外还有许多选择。

合理使用这些方法能让调试更简单，更快速，并且更加直观。 => 合理使用这些方法能让调试更简单、更快速，并且更加直观。

CoderMing · 2018-11-20T03:09:30Z

TODO1/beyond-console-log.md


 ### console.log()

-There is a surprising amount of functionality in good old console.log that people don’t expect. While most people use it as `console.log(object)`, you can also do `console.log(object, otherObject, string)` and it will log them all out neatly. Occasionally handy.
+很多人不知道经典的 console.log 其实有着丰富的函数特性。尽管多数人将它作为 `console.log(object)` 使用，但你仍然能写 `console.log(object, otherObject, string)` 并且它会将所有东西都整齐的打印出来。有时候确实很方便。


尽管多数人将它作为 console.log(object) 使用 => 尽管大多数人只使用 console.log(object) 这种语法

CoderMing · 2018-11-20T03:12:25Z

TODO1/beyond-console-log.md


 ### console.warn()

-Probably the most obvious direct replacement for `log()`, you can just use `console.warn()` in exactly the same way. The only real difference is the output is a bit yellow. Specifically the output is at a warning level not an info level, so the browser will treat it slightly differently. This has the effect of making it a bit more obvious in a cluttered output.
+可能是 `log()` 最直接明显的替换，你可以用相同的方式使用 `console.warn()`。唯一的区别在于输出是一抹黄色。确切的说，输出是一个 warn 级别而不是一个 info 级别，因此浏览器的处理稍稍有些不同。在一堆杂乱的输出中高亮你的输出是很有效果的。


输出是一个 warn 级别而不是一个 info 级别 => 输出是一个 warn 级别而不是一个 info 级别的信息

CoderMing · 2018-11-20T03:13:39Z

TODO1/beyond-console-log.md


 ![](https://cdn-images-1.medium.com/max/800/1*_je_I8pwxVgFjvCnwybMDw.png)

-Something to note here is that this is out of order — the arrow on the far right column header shows why. I clicked on that column to sort by it. Very handy for finding the biggest or smallest of a column, or just getting a different look at the data. That functionality has nothing to do with only showing some columns, by the way. It’s always available.
+值得一提的是在最右一列头部的右上角有个箭头可以颠倒次序。点击了它，会排序整个列。非常方便的找出一列的最大或者最小值，或者只是得到不同的数据展示形式。这个功能特性并没有做什么，只是对列的展示。但那总是有用的。


但那总是有用的。 => 但总会是有用的。

CoderMing · 2018-11-20T03:16:54Z

TODO1/beyond-console-log.md


 ### console.assert()

-A function whose usefulness is often missed, `assert()` is the same as `log()` but only in the case where the first argument is _falsey_. It does nothing at all if the first argument is true.
+一个经常被忽视的实用的函数，`assert()` 在第一个参数是**假值**时和 `log()` 一样。当第一个参数为真值时也什么都不做。


假值这块建议不翻译，falsy 在国内的各类文章中都没有被翻译，参考 YDKJS https://github.com/getify/You-Dont-Know-JS/blob/1ed-zh-CN/types%20%26%20grammar/ch4.md

leviding · 2018-11-20T05:39:01Z

@Pomelo1213 有空的时候修改下吧

leviding · 2018-11-21T12:21:12Z

@Pomelo1213 已经 merge 啦~ 快快麻溜发布到掘金然后给我发下链接，方便及时添加积分哟。

掘金翻译计划有自己的知乎专栏，你也可以投稿哈，推荐使用一个好用的插件。
专栏地址：https://zhuanlan.zhihu.com/juejinfanyi

不局限于 console.log()

2dca210

不局限于 console.log()

fanyijihua added the 校对认领 label Nov 18, 2018

leviding mentioned this pull request Nov 18, 2018

不局限于 console.log() #4717

Closed

leviding added the 前端 label Nov 18, 2018

fanyijihua added the 正在校对 label Nov 18, 2018

rico-c reviewed Nov 18, 2018

View reviewed changes

文章修正

e9e0e49

leviding added the 标注待管理员 Review label Nov 19, 2018

Pomelo1213 changed the title ~~不局限于 console.log()~~ 你不知道的 console 命令 Nov 19, 2018

文章修正

8aa660f

fanyijihua removed the 校对认领 label Nov 20, 2018

CoderMing reviewed Nov 20, 2018

View reviewed changes

leviding added the enhancement 等待译者修改 label Nov 20, 2018

leviding removed the 标注待管理员 Review label Nov 20, 2018

文章更正

582ffcc

leviding added 标注待管理员 Review and removed enhancement 等待译者修改 labels Nov 21, 2018

Update beyond-console-log.md

6d23379

leviding approved these changes Nov 21, 2018

View reviewed changes

leviding merged commit 6c89d58 into xitu:master Nov 21, 2018

leviding added the 翻译完成 label Nov 21, 2018

leviding removed 标注待管理员 Review 正在校对 labels Nov 21, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

你不知道的 console 命令 #4741

你不知道的 console 命令 #4741

Pomelo1213 commented Nov 18, 2018 •

edited

Loading

leviding commented Nov 18, 2018

Pomelo1213 commented Nov 18, 2018

leviding commented Nov 18, 2018 •

edited

Loading

rico-c commented Nov 18, 2018

fanyijihua commented Nov 18, 2018

rico-c left a comment •

edited

Loading

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

Pomelo1213 Nov 18, 2018

rico-c Nov 19, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

rico-c Nov 18, 2018

Pomelo1213 Nov 19, 2018

CoderMing commented Nov 20, 2018

fanyijihua commented Nov 20, 2018

CoderMing Nov 20, 2018

CoderMing Nov 20, 2018

CoderMing Nov 20, 2018

CoderMing Nov 20, 2018

CoderMing Nov 20, 2018

CoderMing Nov 20, 2018

leviding commented Nov 20, 2018

leviding commented Nov 21, 2018


		## There is more to debugging JavaScript than console.log to output values. It might seem obvious I’m going to pimp the debugger, but actually no.
		## 相比使用 console.log 去输出值，我们有更多的方式去调试 JavaScript 。看似我要去闲扯调试器，实则不然。


		More than that, there’s another format: `console.log(msg, values)`. This works a lot like something like `sprintf` in C or PHP.
		不止那些，这儿还有另一种格式：`console.lo(msg, values)`。这个执行方式和 C 或者 PHP 的`sprintf`很相似。


		The output from `console.table(data)` though, is a lot more helpful.
		然而更有用的是 `console.table(data)` 的输出。


		Sometimes we want more complex conditionals. For example, we’ve seen issues with the data for user `WAL0412` and want to display out only transactions from them. This is the intuitive solution.
		有时我们想要更加复杂的场景。举个例子，我们看到了关于用户 `WAL0412` 的数据问题并且想要只展示来自它们的事务。这是直接的解答方式。


		Like a few of these, `console.assert()` isn’t always particularly useful. But it can be an elegant solution in specific cases.
		诸如此类，`console.assert()` 并不总是特别的有用。但是在特定的场景下会是最优雅的的解决方法。


		Nevertheless, while `console.log` has its place, a lot of people don’t realise that the `console` itself has a lot of options beyond the basic `log`. Appropriate use of these functions can make debugging easier, faster, and more intuitive.
		然而，尽管 `console.log` 有其适用的场合，大多数人仍然没有意识到`console`本身除了基础 `log` 还有许多选择。合理使用这些方法能让调试更简单，更快速，并且更加直观。

你不知道的 console 命令 #4741

你不知道的 console 命令 #4741

Conversation

Pomelo1213 commented Nov 18, 2018 • edited Loading

leviding commented Nov 18, 2018

Pomelo1213 commented Nov 18, 2018

leviding commented Nov 18, 2018 • edited Loading

rico-c commented Nov 18, 2018

fanyijihua commented Nov 18, 2018

rico-c left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

CoderMing commented Nov 20, 2018

fanyijihua commented Nov 20, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

leviding commented Nov 20, 2018

leviding commented Nov 21, 2018

Pomelo1213 commented Nov 18, 2018 •

edited

Loading

leviding commented Nov 18, 2018 •

edited

Loading

rico-c left a comment •

edited

Loading