javascript에 대한 console API

15038 단어 TypeScriptJavaScript

입문


javascript의 console API를 소개합니다.

console.assert()


첫 번째 파라미터가 가짜일 때, 이 방법은 두 번째 파라미터 메시지를 오류 로그로 브라우저 컨트롤러에 출력합니다.만약 사실이라면 어떤 내용도 출력하지 않습니다.
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.js
console.count("hello");  // hello: 1
console.count("hello");  // hello: 2
console.count("world");  // world: 1
console.count("hello");  // hello: 3
매개변수에 다른 값이 있으면 계수도 달라집니다.
만약 매개 변수에 수조를 준다면, 나는 한번 고려해 보겠다.
이런 상황에서 그것은 같은 값으로 계산된다.
sample.js
const arr1 = [];
const arr2 = [0];

console.count(arr1);  //  : 1
console.count(arr2);  // 0: 1
console.count(arr2);  // 0: 2
그러나 매개변수에 객체가 지정되어 있으면 주의해야 합니다.
sample.js
const obj1 = {
    name: "hoge"
}

const obj2 = {
    name: "fuga"
};

console.count(obj1);  // [object Object]: 1
console.count(obj2);  // [object Object]: 2
객체의 경우 모든 객체가 공용 객체로 결정됩니다.
따라서 대상을 계수하기 위해서는 약간의 노력이 필요하다.
sample.js
const 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.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.js
const obj = {
    name: "hoge",
    age: 20,
    friends: [
        "fuga",
        "hogep"
    ]
}
console.table(obj);

이거 디버깅하기 쉬운데.

console.time(), console.timeEnd()


이 방법은 콘솔입니다.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
이렇게 하면 절차의 경과 시간을 간단하게 알 수 있다.

좋은 웹페이지 즐겨찾기