[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