console.logもAPI?
3048 ワード
コンソールもAPI?
使いやすいコンソール.ロゴ(なに)
コンソールだったのかそれ自体がAPIです.このコンソールは、記録およびデバッグのための方法であり、実際には標準に近い.もとは標準ではありません.また、配備されたコードでは、あまり使用されないのが正常です.
だからどんな顔をしていますか.
検索結果はFirebugで先に行いました
FireBurgは、FireFoxブラウザで実行されるプラグインです.
誤りを除いたデバッガで世界中のWeb開発に終止符を打つ奇跡的なツールだ.
だからここの機能を使います.
console:liveを使用してJavaScriptを実行する
css:ドキュメントで使用されているcssリストを表示する
sript:JavaScriptを行単位でデバッグする
Net:ドキュメントを構成しているリソースのダウンロード状況とサーバとの通信履歴を表示できます.
あとはChrome、Explorer、Safari、Node.jsやブラウザなどから、通常のJavaScriptで使用できますが、コンソールapiの異なる実装機能は同じ操作に統一されています(それでも独自の機能を持っています).
使用方法
MDNのウェブサイトはとても良くて、ここも整理してクリック
console
記録、スタックトラッキング、タイマ、カウンタなどの基礎デバッグ機能を提供します.
console.log()
一般的なメッセージ出力
例
let myString = 'Hello world';
// Output "Hello world" to the console
console.log(myString);
//아니면
console.log("링크를 열 수 없습니다")
しかし、なぜ他の方法のように大文字ではないのでしょうか.歴史的な理由でmdnは小文字を使うそうです.その他の方法
console.assert()
最初のパラメータがfalseの場合、出力メッセージとスタックトラッキング
console.clear()
コンソールの内容を削除します.
console.count()
呼び出しメソッドの出力回数
console.countReset()
指定したラベルを初期化した回数
console.error()
エラーメッセージ出力、文字列は他のパラメータと一緒に使用できます
console.group()
新しいロー・グループを作成し、後続のすべての出力を一歩インデントし、groupEnd()を使用してグループを終了します.
console.time()
指定した名前のタイマーを実行し、最大10,000個のタイマーを同時に実行できます.
console.timeEnd()
タイマーを停止し、所要時間を出力
console.trace()
出力スタックトラッキング
console.warn()
警告メッセージ出力
このように多くの実際に最もよく使われる機能は、データ、テキストを出力することです.これは重要度出力を設定できます.
console.log(), console.info() (en-US), console.warn(), console.error()の出力スタイルはそれぞれ異なります.
出力オブジェクト
var someObject = { str: "Some text", id: 5 };
console.log(someObject);
出力はこうです
[09:27:13.475] ({str:"Some text", id:5})
複数のオブジェクトを出力
var car = "Dodge Charger";
var someObject = {str:"Some text", id:5};
console.info("My first car was a", car, ". The object is: ", someObject);
出力は
[09:28:22.711] My first car was a Dodge Charger. The object is: ({str:"Some text", id:5})
文字列を置換することもできます.
for (var i=0; i<5; i++) {
console.log("Hello, %s. You've called me %d times.", "Bob", i+1);
}
出力は
[13:14:13.481] Hello, Bob. You've called me 1 times.
[13:14:13.483] Hello, Bob. You've called me 2 times.
[13:14:13.485] Hello, Bob. You've called me 3 times.
[13:14:13.487] Hello, Bob. You've called me 4 times.
[13:14:13.488] Hello, Bob. You've called me 5 times.
アウトプットを飾ることもできるそうですが、使わないようです.
もう一つ不思議なのはスタックトラッキングです.
function foo() {
function bar() {
console.trace();
}
bar();
}
foo();
結果はこうだった
これはよく使えると思います.
終わりだ!
Reference
この問題について(console.logもAPI?), 我々は、より多くの情報をここで見つけました https://velog.io/@john_with_smile/console도-API다テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol