[JavaScript] setTimeout() 함수

setTimeout() 전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정한다. Syntax var timeoutID = setTimeout(function[, delay, arg1, arg2, ...]); var timeoutID = setTimeout(function[, delay]); var timeoutID = setTimeout(code[, delay]); 반환 값 반환하는 timeoutID 는 양의 정수로써 setTimeout() 이 생성한 타이머를 식별할 때 사용한다. 이 값을 clearTimeout() 에 전달하면 타이머를 취소할 수 있다. 같은 객체에서 반복호출하는 setTimeout() 또는 setInterval() 메서드는 절대 같은 ti..

• format_list_bulleted Front-End
• · 2023. 1. 4.
• textsms

[JavaScript] Document.createDocumentFragment() 함수

Document.createDocumentFragment() 새로운 빈 DocumentFragment 를 생성한다. Syntax var docFragment = document.createDocumentFragment(); Description DocumentFragment 는 DOM 노드이다. 일반적으로 document fragment(조각) 을 생성하고, element들을 document fragment 에 추가한 뒤, 그 document fragment 를 DOM 트리에 추가한다. 메모리 내에 document fragment 가 존재하고 메인 DOM 트리의 일부가 아니라면, 이것에 자식들을 추가하는 것은 페이지 reflow (element 의 위치와 좌표의 계산) 를 유발하지 않는다. 따라서, do..

• format_list_bulleted Front-End
• · 2023. 1. 3.
• textsms

[JavaScript] this

this JavaScript에서 함수의 this 키워드는 다른 언어와는 조금 다르게 동작한다. strict mode 와 non-strict mode 에서도 일부 차이가 있다. Syntax this Value non-strict mode 에서는, 항상 객체를 참조한다. strict mode 에서는, 어떤 값이든 될 수 있다. 값은 이것이 어디 context(함수, 클래스, 또는 전역)에 있는지에 따라 결정된다. Global Context (전역 문맥) 전역 실행 맥락에서 this 는 엄격 모드 여부에 관계 없이 전역 객체를 참조한다. // 웹 브라우저에서는 window 객체가 전역 객체 console.log(this === window); // true a = 37; console.log(window.a)..

• format_list_bulleted Front-End
• · 2022. 12. 27.
• textsms

[JavaScript] Optional Chaning 연산자 ( ?. )

Optional Chaining ?. 체인의 각 참조가 유효한지 검증하지 않고, 속성 값을 읽을 수 있다. . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 null 또는 undefined 이면, 에러가 발생하는 대신에 undefined를 리턴한다. 함수 호출에서 사용할 때, 만약 주어진 함수가 존재하지 않으면 undefined를 리턴한다. 참조가 누락될 가능성이 있는 경우 if문을 사용해서 참조가 누락인지를 검증할 수 있지만, 보다 더 짧고 간단한 표현식으로 나타내고자 할 대 사용한다. Syntax obj?.prop obj?.[expr] arr?.[index] func?.(args) Description optional chaining 없이 하위 속성을 찾으려면, 다음과 같이 확인해야 한다. let..

• format_list_bulleted Front-End
• · 2022. 12. 23.
• textsms

[JavaScript] Private 클래스 필드 선언

Private class fields # (해쉬) prefix를 추가해 private 클래스 필드를 선언할 수 있다. Syntax class ClassWithPrivateField { #privateField } class ClassWithPrivateMethod { #privateMethod() { return 'hello world' } } class ClassWithPrivateStaticField { static #PRIVATE_STATIC_FIELD } Examples Private instance fields # 이름 으로 표기하고, 선언과 접근 시 모두 사용된다. 캡슐화(encapsulation)이 강제되는데 즉, 영역 밖에서 # 이름 에 접근하는 것은 syntax error이다. class..

• format_list_bulleted Front-End
• · 2022. 12. 23.
• textsms