매개변수가 있는 콘솔 로그

3394 단어 htmljavascript
우리의 가장 친한 친구 console.log를 살펴봅시다! 우리가 그것을 부를 수 있다면 정말 놀라운 "도구"입니다.
로깅은 우리의 삶을 훨씬 더 쉽게 만들어주며 저는 항상 로깅을 사용합니다.

그러나 console.logs에서 매개변수를 전달할 수 있다는 것을 알고 계셨습니까?


console.log의 매개변수 유형


  • 문자열: 사용%s
  • 정수: %d 또는 %i 사용
  • 플로트: 사용 %f
  • 객체 하이퍼링크: 사용%o

  • 이것들은 충분한 유형 이상이며 유용할 수 있습니다!

    console.log에서 매개변수를 사용하는 방법



    매개변수를 사용하기 위해 다음과 같이 콘솔 로그에 배치할 수 있습니다.

    console.log('This %s will return the number %d', 'string', 10);
    // This string will return the number 10
    


    보시다시피 한 번에 여러 매개변수를 지정할 수 있습니다. 입력한 순서대로 읽습니다.

    따라서 위의 예에서 %s 먼저 %d 됩니다.

    모두 시도해 봅시다.

    console.log('Let us %s a string', 'print');
    // Let us print a string
    
    console.log('The number %d is not the same as %i', 10, 11);
    // The number 10 is not the same as 11
    
    console.log('Even a float like %f will work', 10.233);
    // Even a float like 10.233 will work
    
    console.log('There is a good link: %o', 'http://stackoverflow.com');
    // There is a good link: "http://stackoverflow.com"
    


    예, 이것을 추가할 수도 있지만 저는 이 방법을 선호합니다. 코드가 더 깔끔하고 읽기 쉽습니다!

    다음 프로젝트에서 시도해 보세요.

    Codepen에서 이 예제를 찾으십시오.



    읽어주셔서 감사합니다. 연결해 봅시다!



    제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나

    좋은 웹페이지 즐겨찾기