javascript에 대한 console API
15038 단어 TypeScriptJavaScript
입문
javascript의 console API를 소개합니다.
console.assert()
첫 번째 파라미터가 가짜일 때, 이 방법은 두 번째 파라미터 메시지를 오류 로그로 브라우저 컨트롤러에 출력합니다.만약 사실이라면 어떤 내용도 출력하지 않습니다.
sample.jsconsole.assert(true, "this is truely value");
console.assert(1, "this is truely value");
console.assert("value", "this is truely value");
console.assert(false, "this is falsy value");
// this is falsy value
console.assert(0, "this is falsy value");
// this is falsy value
console.assert("", "this is falsy value");
// this is falsy value
또 이렇게 사용할 수도 있다.
sample.jsconst name = "hoge";
console.assert("fuga" === name, "this is falsy value");
// this is falsy value
function isHoge(name) {
return name === "hoge"
}
console.assert(isHoge("hogep"), "this is falsy value");
// this is falsy value
console.assert("fuga" === name, alert("this is falsy value"));
문자열뿐만 아니라 함수도 함수의 매개 변수로 전달할 수 있다.
console.count()
이 방법은 콘솔입니다.log () 의 사용 방법은 거의 같지만 컨트롤러에 출력된 값을 출력하는 횟수입니다.
sample.jsconsole.count("hello"); // hello: 1
console.count("hello"); // hello: 2
console.count("world"); // world: 1
console.count("hello"); // hello: 3
매개변수에 다른 값이 있으면 계수도 달라집니다.
만약 매개 변수에 수조를 준다면, 나는 한번 고려해 보겠다.
이런 상황에서 그것은 같은 값으로 계산된다.
sample.jsconst arr1 = [];
const arr2 = [0];
console.count(arr1); // : 1
console.count(arr2); // 0: 1
console.count(arr2); // 0: 2
그러나 매개변수에 객체가 지정되어 있으면 주의해야 합니다.
sample.jsconst obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(obj1); // [object Object]: 1
console.count(obj2); // [object Object]: 2
객체의 경우 모든 객체가 공용 객체로 결정됩니다.
따라서 대상을 계수하기 위해서는 약간의 노력이 필요하다.
sample.jsconst obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(JSON.stringify(obj1)); // {"name":"hoge"}: 1
console.count(JSON.stringify(obj2)); // {"name":"fuga"}: 1
console.group
이 방법은 계층 구조의 값을 그룹으로 콘솔에 내보냅니다.
sample.jsconsole.group("group start");
console.log("first");
console.log("second");
console.groupEnd()
// group start
// first
// second
중첩할 수도 있습니다.
sample.jsconsole.group("group start");
console.group("nest1")
console.log("first");
console.log("second");
console.groupEnd();
console.group("nest2");
console.log("first");
console.log("second");
console.groupEnd();
console.groupEnd()
// group start
// nest1
// first
// second
// nest2
// first
// second
쓸 데가 잘 모르겠어요.
console.table()
이 방법은 배열과 대상console를 한다.log () 보다 쉽게 볼 수 있는 형식으로 컨트롤러에 출력합니다.
sample.jsconst obj = {
name: "hoge",
age: 20,
friends: [
"fuga",
"hogep"
]
}
console.table(obj);
이거 디버깅하기 쉬운데.
console.time(), console.timeEnd()
이 방법은 콘솔입니다.time () 이 호출된 후 console.timeEnd()를 호출하는 데 걸리는 시간을 밀리미터 단위로 출력합니다.
sample.jsconsole.time();
setTimeout(() => {
console.timeEnd();
}, 1000);
// default: 1002.85302734375ms
그리고 너는 라벨을 붙일 수 있다.
sample.js
console.time("hello");
console.time("world");
console.timeEnd("world");
setTimeout(() => {
console.timeEnd("hello");
}, 1000);
// world: 0.0009765625ms
// hello: 1002.531982421875ms
이렇게 하면 절차의 경과 시간을 간단하게 알 수 있다.
Reference
이 문제에 관하여(javascript에 대한 console API), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kenya-112163/items/9682bed699005670dc94
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
첫 번째 파라미터가 가짜일 때, 이 방법은 두 번째 파라미터 메시지를 오류 로그로 브라우저 컨트롤러에 출력합니다.만약 사실이라면 어떤 내용도 출력하지 않습니다.
sample.js
console.assert(true, "this is truely value");
console.assert(1, "this is truely value");
console.assert("value", "this is truely value");
console.assert(false, "this is falsy value");
// this is falsy value
console.assert(0, "this is falsy value");
// this is falsy value
console.assert("", "this is falsy value");
// this is falsy value
또 이렇게 사용할 수도 있다.sample.js
const name = "hoge";
console.assert("fuga" === name, "this is falsy value");
// this is falsy value
function isHoge(name) {
return name === "hoge"
}
console.assert(isHoge("hogep"), "this is falsy value");
// this is falsy value
console.assert("fuga" === name, alert("this is falsy value"));
문자열뿐만 아니라 함수도 함수의 매개 변수로 전달할 수 있다.console.count()
이 방법은 콘솔입니다.log () 의 사용 방법은 거의 같지만 컨트롤러에 출력된 값을 출력하는 횟수입니다.
sample.jsconsole.count("hello"); // hello: 1
console.count("hello"); // hello: 2
console.count("world"); // world: 1
console.count("hello"); // hello: 3
매개변수에 다른 값이 있으면 계수도 달라집니다.
만약 매개 변수에 수조를 준다면, 나는 한번 고려해 보겠다.
이런 상황에서 그것은 같은 값으로 계산된다.
sample.jsconst arr1 = [];
const arr2 = [0];
console.count(arr1); // : 1
console.count(arr2); // 0: 1
console.count(arr2); // 0: 2
그러나 매개변수에 객체가 지정되어 있으면 주의해야 합니다.
sample.jsconst obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(obj1); // [object Object]: 1
console.count(obj2); // [object Object]: 2
객체의 경우 모든 객체가 공용 객체로 결정됩니다.
따라서 대상을 계수하기 위해서는 약간의 노력이 필요하다.
sample.jsconst obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(JSON.stringify(obj1)); // {"name":"hoge"}: 1
console.count(JSON.stringify(obj2)); // {"name":"fuga"}: 1
console.group
이 방법은 계층 구조의 값을 그룹으로 콘솔에 내보냅니다.
sample.jsconsole.group("group start");
console.log("first");
console.log("second");
console.groupEnd()
// group start
// first
// second
중첩할 수도 있습니다.
sample.jsconsole.group("group start");
console.group("nest1")
console.log("first");
console.log("second");
console.groupEnd();
console.group("nest2");
console.log("first");
console.log("second");
console.groupEnd();
console.groupEnd()
// group start
// nest1
// first
// second
// nest2
// first
// second
쓸 데가 잘 모르겠어요.
console.table()
이 방법은 배열과 대상console를 한다.log () 보다 쉽게 볼 수 있는 형식으로 컨트롤러에 출력합니다.
sample.jsconst obj = {
name: "hoge",
age: 20,
friends: [
"fuga",
"hogep"
]
}
console.table(obj);
이거 디버깅하기 쉬운데.
console.time(), console.timeEnd()
이 방법은 콘솔입니다.time () 이 호출된 후 console.timeEnd()를 호출하는 데 걸리는 시간을 밀리미터 단위로 출력합니다.
sample.jsconsole.time();
setTimeout(() => {
console.timeEnd();
}, 1000);
// default: 1002.85302734375ms
그리고 너는 라벨을 붙일 수 있다.
sample.js
console.time("hello");
console.time("world");
console.timeEnd("world");
setTimeout(() => {
console.timeEnd("hello");
}, 1000);
// world: 0.0009765625ms
// hello: 1002.531982421875ms
이렇게 하면 절차의 경과 시간을 간단하게 알 수 있다.
Reference
이 문제에 관하여(javascript에 대한 console API), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kenya-112163/items/9682bed699005670dc94
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
console.count("hello"); // hello: 1
console.count("hello"); // hello: 2
console.count("world"); // world: 1
console.count("hello"); // hello: 3
const arr1 = [];
const arr2 = [0];
console.count(arr1); // : 1
console.count(arr2); // 0: 1
console.count(arr2); // 0: 2
const obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(obj1); // [object Object]: 1
console.count(obj2); // [object Object]: 2
const obj1 = {
name: "hoge"
}
const obj2 = {
name: "fuga"
};
console.count(JSON.stringify(obj1)); // {"name":"hoge"}: 1
console.count(JSON.stringify(obj2)); // {"name":"fuga"}: 1
이 방법은 계층 구조의 값을 그룹으로 콘솔에 내보냅니다.
sample.js
console.group("group start");
console.log("first");
console.log("second");
console.groupEnd()
// group start
// first
// second
중첩할 수도 있습니다.sample.js
console.group("group start");
console.group("nest1")
console.log("first");
console.log("second");
console.groupEnd();
console.group("nest2");
console.log("first");
console.log("second");
console.groupEnd();
console.groupEnd()
// group start
// nest1
// first
// second
// nest2
// first
// second
쓸 데가 잘 모르겠어요.console.table()
이 방법은 배열과 대상console를 한다.log () 보다 쉽게 볼 수 있는 형식으로 컨트롤러에 출력합니다.
sample.jsconst obj = {
name: "hoge",
age: 20,
friends: [
"fuga",
"hogep"
]
}
console.table(obj);
이거 디버깅하기 쉬운데.
console.time(), console.timeEnd()
이 방법은 콘솔입니다.time () 이 호출된 후 console.timeEnd()를 호출하는 데 걸리는 시간을 밀리미터 단위로 출력합니다.
sample.jsconsole.time();
setTimeout(() => {
console.timeEnd();
}, 1000);
// default: 1002.85302734375ms
그리고 너는 라벨을 붙일 수 있다.
sample.js
console.time("hello");
console.time("world");
console.timeEnd("world");
setTimeout(() => {
console.timeEnd("hello");
}, 1000);
// world: 0.0009765625ms
// hello: 1002.531982421875ms
이렇게 하면 절차의 경과 시간을 간단하게 알 수 있다.
Reference
이 문제에 관하여(javascript에 대한 console API), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kenya-112163/items/9682bed699005670dc94
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
const obj = {
name: "hoge",
age: 20,
friends: [
"fuga",
"hogep"
]
}
console.table(obj);
이 방법은 콘솔입니다.time () 이 호출된 후 console.timeEnd()를 호출하는 데 걸리는 시간을 밀리미터 단위로 출력합니다.
sample.js
console.time();
setTimeout(() => {
console.timeEnd();
}, 1000);
// default: 1002.85302734375ms
그리고 너는 라벨을 붙일 수 있다.sample.js
console.time("hello");
console.time("world");
console.timeEnd("world");
setTimeout(() => {
console.timeEnd("hello");
}, 1000);
// world: 0.0009765625ms
// hello: 1002.531982421875ms
이렇게 하면 절차의 경과 시간을 간단하게 알 수 있다.
Reference
이 문제에 관하여(javascript에 대한 console API), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kenya-112163/items/9682bed699005670dc94텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)