This 2

[Javascript] this

this의 값은 함수가 호출되는 방식에 따라 다름객체 내 this객체 내 this를 호출하는 경우 해당 객체를 가리킴// 스코프 내 this 호출 const temp = { inner : function(){ console.log(this) } } temp.inner() // 해당 객첼ㄹ 가리킴전역 범위에서의 this전역 범위에서 this 호출 시 Window 객체를 가리킴 'use strict' 를 활용하여 Window 객체 참조 방지 가능strict 모드에서 window 객체 대신 undefined로 값을 설정하는 규칙이 적용되어 undefined가 되는 경우 bind() 함수를 활용하여 this 값을 수동으로 설정 할 수 있음// 전역 범위에서 this 호출 function temp02(){ con..

JS/Javascript 2024.06.07

[Javascript] 화살표 함수(Arrow Function)

Arrow Function함수를 간략히 정의할 수 있음익명함수임function 키워드 대신 화살표를 사용    this를 묶는것이 가능new 연산자로 인스턴스 생성 불가new 생성자와 함께 호출 할 수 없다실행문법화살표 함수 정의가 한 줄인 경우 {} 와 return 생략 가능파라미터가 1개인 경우 () 생략 가능// 기본 문법(매개변수) => {} // 한 줄일때 표현 ({}와 return 생략 가능)const func = (a) => a+2// 파라미터(매개변수)가 1개 인 경우 () 생략 가능const func = a => ()// 다른 선언 방법const func = x => y => z => `${x], ${y}, ${z}`// 일반 함수로 표현하면 아래오 같음function func(x){ r..

JS/Javascript 2023.02.25
반응형